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.
Scaffolds a Vite+TypeScript Three.js browser game: PBR plus IBL and EffectComposer, state-machine loops, SVG or AI-art ingest, and Chrome 60 fps budgets.
Owns the Three.js r160+ layer of a browser 3D game: scene graph, glTF with DRACO/KTX2, animation, Rapier or cannon-es, EffectComposer, dispose, and Vite.
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…
Triage new issues in the Sentry `javascript` project by archiving non-actionable noise. Use when asked to "triage issues", "triage the javascript project", "archive non-actionable…
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…
Use when implementing a UI brief on a stack with no framework executor — Svelte, Astro, Angular, plain HTML.
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…
Help users add icons to their projects using the Unicon icon library. Unicon provides 19,000+ icons from Lucide, Phosphor, Hugeicons, Heroicons, Tabler, Feather, Remix, Simple…
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…
Install, deploy, or reconfigure a VibeBridge Main server. Use when setting up configs/main.toml, asking the user for required main deployment settings, creating a dedicated Python…
Implement high-performance list virtualization for 100K+ item datasets using TanStack Virtual and react-window.
Test intelligence visualization specialist. Turns junit.xml, lcov, allure-results, playwright reports, CTRF, OTel test spans, and CI test history into coverage heatmaps,…
Surgical aesthetic upgrade pipeline for existing React codebases. Takes ugly, functional code (Bootstrap defaults, generic Tailwind, amateur CSS) and transforms it to…
Visual regression testing using SSIM-based screenshot comparison. Auto-activates when: visual testing, UI regression checks, screenshot comparison, component validation, CSS fix…
Generate an HTML/CSS visualization of the currently discussed plan, topic, architecture decisions, or trade-offs, then publish it to HackMD (My workspace).
Write unit and component tests with Vitest, React Testing Library, and MSW. Use when writing unit tests, component tests, or mocking APIs following TDD workflow.