Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture. — from ThaiQuangSon031108FSDev/AlgoSphere-Enterprise
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture. — from bg-szy/TOP-SKILLS
Frontend React 19 + TypeScript 5.7+ + TailwindCSS v4 + shadcn/ui dla Vite SPA. Komponenty, React Query, formularze (RHF + Zod), testowanie (Vitest + RTL + MSW), lazy loading,…
Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode.
Build type-safe React apps with TanStack Query (data fetching, caching, mutations), Router (file-based routing, search params, loaders), and Start (SSR, server functions,…
Build a full-stack TanStack Start app on Cloudflare Workers from scratch — SSR, file-based routing, server functions, D1+Drizzle, better-auth, Tailwind v4+shadcn/ui.
TanStack Start server/client code boundary patterns. Use when: debugging virtual module resolution errors (tanstack-start-injected-head-scripts, tanstack-start-manifest,…
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration — from…
Architectural patterns, security IPC, performance optimization, native integration, and production best practices for building cross-platform desktop applications using Tauri (v2)…
Reverse-engineer any web app's architecture from its frontend. Dispatches to the teardown agent to keep main context clean.
Audit technical debt in Next.js (App Router) projects - analyze code against checklist and generate prioritized report
Trigger: tech stack, preferred tools, SvelteKit, Bun, Drizzle, Zero Sync, Better Auth, Vite. Scope: Project tooling preferences, framework selections.
Create HTML technical documentation with code blocks, API workflows, system architecture diagrams, and syntax highlighting.
Build cross-platform VoIP calling apps with React Native using Telnyx Voice SDK. High-level reactive API with automatic lifecycle management, CallKit/ConnectionService…
Server-side HTML templating in Remix v3 via `remix/html-template` — the `` html`...` `` tagged template literal with automatic XSS-safe escaping, `html.raw` for trusted fragments,…
templUI component library for Go templ apps. templUI is vanilla JavaScript only - zero JS frameworks (per templui.io).
When the user wants to perform visual testing with automated screenshot comparison using Percy by BrowserStack.
Expert guidance for Streamlit, the Python framework for building interactive data applications and dashboards.
Expert guidance for Wails, the Go framework for building desktop applications with web frontends. Helps developers build lightweight, fast desktop apps where the backend is Go and…
[Tier 3 — Non-Functional: Performance Efficiency · ISO 25010] Frontend performance test workflow — Core Web Vitals (LCP, CLS, INP), bundle size, and render performance.
Make UIs responsive across all devices and verify responsiveness using Playwright. Includes scrollbar testing, breakpoint verification, and layout validation.
Comprehensive testing skill for GabeDA application - designs test strategies (UAT, integration, smoke, unit), creates tests for frontend (React/Playwright) and backend (D — from…
Comprehensive testing skill for GabeDA application - designs test strategies (UAT, integration, smoke, unit), creates tests for frontend (React/Playwright) and backend (D — from…
Test the design library Storybook setup end-to-end. Use when verifying theme switching, CSS design tokens, or component rendering in Storybook.
Fix and create Svelte 5 tests with vitest-browser-svelte and Playwright. Use when fixing broken tests, debugging failures, writing unit/SSR/e2e tests, or working with…
Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface.
Compiles CodeGraph + Understand-Anything outputs into a self-contained single-file HTML wiki (wiki.html) plus a plain-Markdown docs tree.
The Lossless Group's theme and mode architecture — two-tier token system, three-mode contract (light/dark/vibrant), theme.css organization, and design system conventions.
Generate YouTube thumbnails (1280×720 JPEG) from a video. Picks frames via scene detection, overlays caption text using HTML/CSS rendered by headless Chrome, outputs multiple…
Read the requirement, testing plan, and current codebase, then produce a plan-mode-style implementation plan — backend APIs with full specs and types, data models, frontend pages…
Trafilatura is a Python package and CLI tool for gathering text from the web. It handles crawling, downloading, and extracting main text content, metadata, and comments from raw…
Display addons for Triptych — Python modules that generate dark-themed output (matplotlib, plotly, LaTeX, HTML, images).
Expert knowledge for generating TypeScript type declarations from Rust types with ts-rs (derive macros, export workflows, serde compatibility, and ecosystem feature flags).
对比原版 TS renderer 组件（`../claude-devtools/src/renderer/`）与 Rust 版 Svelte 组件（`ui/src/`）的功能 / 样式 / 交互差距，输出差异报告 + 移植建议。**仅**用户显式 `/ts-ui-compare <组件名>`…
TypeDoc (TypeScript API ドキュメントジェネレーター) リファレンス。 typedoc.json、TSDoc タグ、CLI オプション、entryPoints、 テーマ (default / markdown)、プラグイン開発、 TSDoc / JSDoc コメントから HTML / Markdown ドキュメント生成。
Gunakan skill ini untuk semua pekerjaan yang menyentuh React, Next.js (App Router), atau TypeScript — membuat komponen, routing, data fetching/caching, server actions, state…
Use when writing or reviewing TypeScript frontend tests — Jest unit/integration tests for React components and hooks built with Chakra UI, React Query, Zustand, and Next.js App…
Build reusable, maintainable UI components following modern design patterns. Use when creating component libraries, implementing design systems, or building scalable frontend…
Wire agents into React, Vue, and Svelte frontends with streaming hooks, and set up server-side Next.js App Router or Express API routes using AgentStream.toSSE().
Next.js, TypeScript, Tailwind CSS, Shadcn UI를 사용하여 UI 컴포넌트를 생성하거나 수정합니다. 정적 마크업과 스타일링에만 집중하며 비즈니스 로직 구현은 제외합니다.
Load when changing the client UI (public/ — index.html, css/app.css, js/*.js), the composer/header/floating chrome, the PDF report (report.js), document/image attachments and…
State-first design pass — inventories and implements all non-happy states (loading, empty, error, partial, conflict, offline) before the happy path, and refactors impossible…
Establishes a web project's design system as the single source of truth — colors, spacing, typography, radius, shadow, breakpoints — then audits the codebase for drift against it…
Write and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases. Use when creating or updating tests for components, composables, and stores; mocking Pinia with…
Use for non-trivial software work needing implementation, verification, selected review, repair loops, or release-readiness judgment.
Use when upgrading react-native to a newer version. Handles version bumps, native project changes (Android/iOS), dependency updates, and breaking change migration.
Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native iOS and Android configuration,…
Specialist developer agents for backend (Go/TypeScript), frontend, design, Helm charts, UI implementation, frontend QA, and prompt quality review.
Dual-mode skill for github.com/LerianStudio/lib-streaming, Lerian's producer-only event publication library (Kafka, SQS, RabbitMQ, EventBridge).
Dual-mode skill for github.com/LerianStudio/lib-systemplane, Lerian's dual-backend (Postgres LISTEN/NOTIFY or MongoDB change streams) hot-reload runtime configuration plane.
Applies Next.js App Router conventions — Server Components, Server Actions, and fetch-based caching. Use whenever writing or reviewing Next.js code in the app/ directory.
Dual-mode skill for lib-observability/runtime — the panic observability trident that turns silent goroutine deaths into production signal.
Reference card for the smaller utility packages Remix v3 bundles — `remix/mime` (`detectContentType` from filename, `isCompressibleMimeType`, `defineMimeType`), `remix/lazy-file`…
Generate high-quality Vela-compatible slide deck JSON from topics, outlines, documents, or existing slide content.
Generate high-quality Vela-compatible slide deck JSON from topics, outlines, documents, or existing slide content.
Generate high-quality Vela-compatible slide deck JSON from topics, outlines, documents, or existing slide content.
Use when legacy prompts or older framework flows reference `vercel-react-expert` and you need the modern runtime to resolve that capability cleanly.
Token-efficient browser verification for AI coding agents. Use instead of Playwright MCP for all browser testing — page verification, click flows, form fills, CSS inspection,…
Use before committing or deploying any change that touches index.html, support.html, privacy.html, or app.js.
VRC report support and deployment skill. Use when the controller asks for a visual web report, deployed report, Feishu-readable report page, report template, or Bridge /report…