Debug Svelte TanStack Query v5/v6 stale data, SSR, stores, runes, and invalidation.
Implement Svelte TanStack Query v5/v6 with runes, keys, SSR, mutations, and invalidation.
Review Svelte TanStack Query changes to keys, cache, SSR, mutations, or stores/runes reactivity.
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.
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…
Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loa — from…
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,…
urql is a small, extensible GraphQL client for React, Preact, Vue, Svelte, Solid and plain JavaScript that sends queries, mutations and subscriptions and caches the results.
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.