Навыки: Данные

This skill should be used when identifying and fixing frontend layout issues (clipping, spacing, overflow, RTL text prob...

Decorative JSON animations for UI feedback and polish. Use for loading spinners, success/error checkmarks, empty state i...

Polished SaaS landing page components. Use for number tickers/stats animations, logo marquees, bento grids, device mocku...

Frontend UI/UX work with Gemini CLI in --yolo mode. Use when (1) modifying visual/styling elements in frontend files (.t...

Advanced React patterns, performance optimization, and state management rules.

Network resilience patterns for frontend - retry logic, exponential backoff, error handling, offline detection

Use when working with Next.js App Router tasks - creating pages in /app/, setting up dynamic routes ([id]/page.tsx), imp...

Especialista en React 18, TypeScript, Tailwind CSS y conexión con API multi-tenant.

React 19 및 Next.js 16 패턴을 적용하는 스킬

성능 최적화 에이전트. 프론트엔드 성능을 분석하고 최적화합니다.

Visual QA gate for frontend code. ALWAYS use before delivering any UI changes - navigate, screenshot, verify console is...

Use before implementing UI changes or frontend PRs. Enforces TodoWrite with 18+ items. Triggers: "accessibility audit",...

Generate structured prompts for frontend development tasks following established patterns. Use when the user requests pr...

Performs comprehensive frontend quality assurance reviews using browser automation. Systematically tests UI elements, di...

Modern React stack: React 19, TypeScript, Tailwind CSS, Vite, TanStack Query. Use when: building React apps, components,...

Creates safe refactor plans for messy UI code including component splitting strategies, state simplification, performanc...

Implement responsive designs using mobile-first development, fluid layouts, standard breakpoints, and relative units to...

画面設計書および実装コードを専門的にレビューするUI/UX重視のフロントエンドリード

State-driven interactive animations with built-in state machines. Use when animations must REACT to user input (hover, c...

Secure Solana frontends against phishing, bad prompts, and unsafe signing requests. Use for audits of wallet UX and dApp...

DEFAULT foundation component library for all React/Next.js UI needs. Use as the starting point for any project needing b...

실시간 통신 에이전트. WebSocket/Socket.io 통신을 구현합니다.

Build stunning component libraries with Storybook mastery. Expert in component documentation, visual testing, and design...

Technical knowledge for SvelteKit 5 development. Build reactive applications with Svelte's compile-time magic. Expert in...

Create beautiful UIs with Tailwind CSS mastery. Expert in utility-first design, responsive layouts, and design systems....

테스트 작성 에이전트. 단위/통합/E2E 테스트를 작성합니다.

Senior Frontend QA Engineer with 10+ years JavaScript/TypeScript testing experience. Use when writing unit tests for Rea...

Generate Vitest + React Testing Library tests for Desktop Ethereal frontend components, hooks, and utilities. Triggers o...

Your approach to handling frontend theming. Use this skill when working on files where frontend theming comes into play.

Purpose: Guidance for creating TypeScript type definitions following existing patterns from frontend/types/index.ts.

Master TypeScript's type system for bulletproof JavaScript applications. Expert in advanced types, generics, and type-sa...

UI/UX guidelines for app development in this Turborepo (apps/web and future apps). Use when designing or implementing ap...

Verify and test Angular 18 frontend changes using Chrome DevTools MCP. Automatically check console errors, network reque...

agent-browserを使用したフロントエンド実装の検証スキル。UI実装後の動作確認、インタラクションテスト、アクセシビリティ確認に使用。「フロントエンドを検証」「UIを確認」「/frontend-verify」「画面の動作確認」などで...

Create distinctive frontend interfaces with faux-ASCII aesthetic, warm dark palettes, and expressive motion. Use when us...

Garante padrões consistentes de views Blade no Easy Budget (Dashboard, Index, Create, Edit, Show).

Use when building Angular applications, creating TypeScript components, implementing reactive forms, managing state, wor...

Expert frontend web development including HTML/CSS/JavaScript implementation, responsive design, accessibility improveme...

Frontier Code UI standards based on Hero section patterns (dark theme, cyan/purple accents, gradients, glowing effects)....

Generates YAML frontmatter metadata (date/time, git commit, branch, repository) for workflow documentation. Use when cre...

Validate YAML frontmatter in documentation against template requirements. Use when creating or editing docs, or when the...

Expert guidance for using the FrontRange CLI (fr command) to manage YAML front matter in text documents. Use when workin...

Frontend UI-specific patterns. For generic patterns, see: typescript, react-19, nextjs-15, tailwind-4. Trigger: When wor...

Feature: FS-155

Feature-Sliced Design architecture for frontend. Use when creating new features, slices, or understanding the FSD layer...

FSD + ES-lite アーキテクチャに基づく機能開発スキル。新しいfeature/entity/widgetを追加する時、CQRS + Event Sourcingパターンで実装する時、scaffoldスクリプトを使う時に使用。AI-...

FileSystemWatcher over /tmp with DuckDB/DuckLake persistence. Auto-starts on Amp sessions for resilient file monitoring...

FTDI (Future Technology Devices International) MPN encoding patterns, USB interface chip decoding, and handler guidance....