Usa esta skill cuando implementes internacionalización en un proyecto Vite SPA con React: react-i18next + i18next, ICU MessageFormat, pluralización, formateo de…
Visual design and aesthetic direction for frontend interfaces. Use when building web pages, landing pages, dashboards, or applications where visual identity matters.
React architecture patterns, TypeScript, Next.js, hooks, and testing. Use when working with React component structure, state management, Next.js routing, Vitest, React Te — from…
Creates Stimulus controllers, configures Turbo Frame lazy loading, sets up Turbo Stream broadcasts, and converts traditional Rails views to Hotwire patterns for interacti — from…
API design and implementation across REST, GraphQL, gRPC, and tRPC patterns. Use when building backend services, public APIs, or service-to-service communication.
Implements navigation patterns and routing for both frontend (React/TS) and backend (Python) including menus, tabs, breadcrumbs, client-side routing, and server-side route…
Build modern SPAs with Inertia.js and Rails using React, Vue, or Svelte. Use when creating Inertia pages, handling forms with useForm, managing shared props, or implementing…
Use when building terminal UIs with Ink component patterns for React-based CLI applications.
Render rich interactive visuals — SVG diagrams, HTML widgets, Chart.js charts, interactive explainers — directly inline in chat using the render_visualization tool.
Render rich interactive visuals — SVG diagrams, HTML widgets, Chart.js charts, interactive explainers — directly inline in chat using the render_visualization tool.
Add Transloadit Smart CDN URL signing to a Next.js App Router project (server-side signing route + optional client demo page).
Add Uppy Dashboard + Transloadit uploads to a Next.js (App Router) app, with server-side signature generation and optional /s3/store export.
Integrates Power Pages Web API into a site's frontend code with proper permissions and deployment. Orchestrates the full integration lifecycle: code integration, table permissions…
Configuring JavaScript frontend frameworks for Tauri v2 desktop apps (Next.js, Nuxt, Qwik, SvelteKit, Vite) with SSG setup and tauri.conf.json settings.
Integrating Rust/WASM frontend frameworks (Leptos, Yew, Dioxus, Sycamore) with Tauri v2 via Trunk, covering WASM compilation, Cargo.toml and Trunk.toml config, and withGlobalTauri…
Comprehensive systematic debugging agent for hunting down complex bugs, root causes, and error propagation across full stack (frontend, backend, APIs, databases).
Automatically investigate logs when errors occur, debugging issues, or troubleshooting problems. Check frontend logs (LogViewer) and backend logs (daily log files) for error…
Aplica la guía visual de la landing Invok (tokens CSS, tipografía, secciones, componentes, i18n y motion).
İzinciKuryeAI işveren veya izinci paneline yeni özellik ekleme şablonu. Doğru dosya konumlarını gösterir (izincikuryeai-isveren-panel.html / izincikuryeai-izinci-panel.html),…
Comprehensive React component testing with Jest and React Testing Library covering configuration, mocking strategies, async testing patterns, hooks testing, and integration…
Jetpack Compose navigation expert with type-safe routes, Hilt DI, and MVVM/MVI architecture. Activate on: Jetpack Compose navigation, Compose type-safe routes, Hilt dependency…
Toss Design System (TDS) React Native component library built on top of React Native/Expo. Use with jikime-mobile-react-native for complete mobile development patterns.
Jinja2 template patterns for Python. Syntax, inheritance, includes, macros, filters, loops, whitespace, context, escaping, safe server-rendered HTML.
المستشار التقني المتكامل — Fullstack Developer + UI/UX Designer + Prompt Engineer + Software Engineer.
Test JS logic embedded in HTML using two-layer strategy - Python unit tests + Playwright browser integration tests
Write JavaScript/TypeScript for business applications (frontend and backend) with CRUD, API integration, and data transforms that are correct, readable, and easy to trust.
Guide d'installation Astro + Tailwind sur Windows. Covers Node.js setup, pnpm, project creation, common Windows issues, and troubleshooting. — from engineering/frontend
Guide d'installation Astro + Tailwind sur Windows. Covers Node.js setup, pnpm, project creation, common Windows issues, and troubleshooting. — from majiayu000/claude-skill-registry
Guide d'installation Astro + Tailwind sur Windows. Covers Node.js setup, pnpm, project creation, common Windows issues, and troubleshooting. — from majiayu000/claude-skill-registry
KeystoneJS is a powerful open-source headless CMS for Node.js that auto-generates a GraphQL API and React-based Admin UI from your schema definition.
Konva.js is an HTML5 Canvas JavaScript framework that enables high-performance animations, transitions, node nesting, layering, filtering, caching, and event handling for desktop…
对 Vue SFC 文件做国际化改造：提取模板中的中文硬编码字符串，替换为 t('key')，在 script setup 中添加 useI18n，并生成包含全部 20 种语言的 块。当用户说"国际化"、"i18n"、"做翻译"、"提取中文"、"替换 t()"、"写 i18n 块"时使用此技能。
Foundational Elm development patterns covering The Elm Architecture (TEA), type-safe frontend development, and core language features.
Use when creating or modifying code in frontend/. Covers React components, hooks, API clients, and TypeScript code.
Expert guide for Layer Cake, a headless Svelte visualization framework managing scales, dimensions, and data flow while supporting SVG, Canvas, HTML, and WebGL rendering contexts…
Expert guide for LayerChart, a Svelte component library for building diverse data visualizations (Cartesian, radial, hierarchical, geo, graph) with unopinionated building blocks,…
LayerChart Svelte 5 patterns. Use for chart components with tooltip snippets, Chart context access, and all Svelte 5 snippet patterns for tooltips, gradients, highlights, and axes.
Automates creation of interactive language learning games including vocabulary flashcards, song-based games, and multi-level learning systems.
Automates creation of interactive language learning games including vocabulary flashcards, song-based games, and multi-level learning systems.
Use when changing legacy code that may affect global state, shared CSS/JS, common selectors, templates, forms, API contracts, build output, or deployment behavior.
针对 JavaScript + jQuery + HTML/CSS 传统前端项目的开发与维护规范。当用户在非框架项目中工作，涉及 jQuery、原生 JS、传统多页面应用（MPA）、模板引擎渲染页面、或维护遗留代码时自动激活。
Lighthouse optimization workflow for Next.js using next/image, next/font, script strategy tuning, client bundle reduction, and server/component boundary discipline.
Lighthouse workflow for React + Vite apps with focus on route-level lazy loading, dynamic imports, bundle reduction, hydration cost control, and stable UX semantics.
Lighthouse optimization workflow for static HTML/CSS/JS sites with deterministic fixes for LCP, CLS, script execution, render-blocking resources, and SEO safeguards.
Subscribe to and listen for Tauri v2 events in the frontend via @tauri-apps/api/event, including typed handlers and cleanup.
Symfony UX LiveComponent for dynamic server-rendered UI. Use when building interactive components that re-render via AJAX, real-time forms, data binding, live validation, or…
Build and review production-grade web and mobile frontends using LiveKit with Next.js. Covers real-time video/audio/data communication, WebRTC connections, track management, and…
Scaffolds new React projects or restructures monoliths to component-based architecture. Use when setting up frontend structure.
Local LeadAce E2E testing skill. Triggers: 'local E2E', 'ローカル E2E', 'local-e2e', 'E2E テスト', E2E run against the local stack.
Leverage personal notes and documentation through Terraphim's role-based search. AI agents can search developer's local knowledge organized by domain (Rust, frontend,…
Design e implementação de logging estruturado com distributed tracing. Enforça schema rígido, correlation IDs, sanitização de PII e boas práticas de observabilidade.
macOS development environment setup wizard. Interactive Q&A to collect preferences, auto-detect installed software, generate customized installation plan.
Augment a sprint's SPEC.md with a Frontend section (component tree, state, a11y, routing, performance budget, Playwright e2e plan) tailored to the project's stack (React/ — from…
How to author and maintain a `DESIGN.md` file at the root of any Lossless project (site, splash page, plugin landing, fundraise deck) following Google Stitch's open spec.
Diagnóstico de eficácia por gestor cruzando múltiplos sinais (span de controle, atrito do time, engajamento médio, taxa de promoção) num score composto 0-100 com bandas…
Vercel platform CLI for frontend deployments, serverless functions, and edge network management. Use for deploying applications, managing domains, environment variables, and…
Use when the partner asks for manual frontend QA, hand-testing, or step-by-step UI verification, or when you finish a frontend change and want to offer manual verification…
Import manual or host-provided design content from Confluence, Jira, HTML, PDF, Markdown, YAML, or OpenAPI into AgentSpec as a candidate snapshot through the core CLI.
markdownify is a Python library that converts HTML content to clean Markdown text. It supports tag filtering, heading styles, custom converters, and code language detection,…
MarkItDown is a Python utility by Microsoft that converts PDF, Word, PowerPoint, Excel, images, audio, HTML, and other files into Markdown for LLM consumption.