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

Analyzes and maps frontend API calls to backend endpoints. Detects missing endpoints, unused endpoints, and integration...

Use this skill when debugging frontend test failures (React/TypeScript, Vitest, etc.), fixing bugs in React/TypeScript c...

Bundle analysis and optimization strategies for Next.js applications using Webpack and Turbopack. PROACTIVELY activate f...

Kiểm tra sức khỏe frontend tự động using Puppeteer. Invoke khi user muốn tìm broken pages, console errors, hoặc verify f...

Engineering principles for crafting well-built front-end user interfaces. When Claude needs to ensure the HTML, CSS, JS...

Conducts comprehensive frontend code reviews including React/Vue/Angular component analysis, TypeScript/JavaScript quali...

Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change revi...

Color palette and theme generation from brand colors. Use when setting up project theming, creating shadcn/Tailwind colo...

컴포넌트 개발 에이전트. React/Next.js 컴포넌트를 설계하고 구현합니다.

Build reusable, composable, and maintainable React/Vue/Angular components following established design patterns like com...

Design and build reusable, composable UI components with single responsibility, clear interfaces, and proper encapsulati...

Build React components, pages, forms, and state management with TypeScript and TanStack Query. Use for frontend developm...

Especialista em Frontend Mobile-First, UX Black & Orange, Sistema de Cache Offline (IndexedDB), Navegação SPA v3.0 e Per...

Write and maintain CSS using consistent methodology (Tailwind, BEM, CSS modules, utility classes) while following the pr...

Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.

Autonomously debug frontend issues through empirical browser observation using Chrome DevTools MCP. This skill should be...

Quality gates for frontend code. ALWAYS use after writing React/Next.js code and before delivery. Covers: ESLint linting...

Use when touching frontend files to classify visual vs logic changes before acting

前端界面与表单设计规范。定义用户画像初始化流程、AI 助手定制表单及数据校验逻辑。

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

Frontend design assistant for users with zero/low-code background. This skill should be used when users request creating...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

构建现代化的 UI/UX 设计，编写 Flutter/React 组件，配色方案与无障碍设计

Fix generic frontend designs by applying aesthetic upgrades across the 5 design dimensions

Fix generic HTML/CSS designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, s...

Fix generic Vue component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, moti...

Create distinctive, production-grade HTML/CSS frontends with exceptional design quality

Enterprise React architecture combining DDD and FSD patterns. Use when (1) designing or structuring React applications,...

Create distinctive, production-grade React frontends with TypeScript and exceptional design quality. This skill integrat...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

Use when generating React/TypeScript UI components, forms, layouts, or pages - prevents generic AI aesthetic, enforces a...

Create distinctive, production-grade Svelte/TypeScript frontends with exceptional design quality

将 UI 样式需求转化为生产级的前端代码，支持设计令牌、可访问性合规和创意执行。

Systematic approach to building consistent, maintainable frontend UI components with design systems and component librar...

Create distinctive, production-grade Vue 3 frontends with TypeScript and exceptional design quality. This skill integrat...

Build Blazor components, pages, and layouts following the MudBlazor design system

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, use...

Multi-framework frontend development. Frameworks: React 18+ (Suspense, hooks, TanStack), Vue 3 (Composition API, Pinia,...

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, use...

Domain specialist for frontend architecture, state management, accessibility, and performance. Scope: component architec...

Design systems, component libraries, responsive UI/UX, accessibility. Build premium interfaces that enterprise clients e...

Ultimate 25+ years expert-level frontend skill covering Next.js, React, TypeScript, Tailwind CSS, styled-components, Red...

Ensures frontend code quality by enforcing Design System (9 ESLint rules), Storybook coverage, and 5-step verification p...

Typography setup with Google Fonts for Next.js + Tailwind projects. Use when choosing fonts, need font pairing recommend...

Axum + Askama + HTMX stack for single-binary web apps. Use when: building server-rendered UI, lightweight frontends, sin...

Image sourcing strategy for UI projects. Use FREE resources first - DiceBear/Boring Avatars for avatars, Unsplash/Picsum...

Image sourcing for UI. Free first (DiceBear avatars, Unsplash photos, unDraw illustrations). AI generation only for cust...

Create comprehensive, production-ready frontend implementation plans for any UI screen or feature. Use this skill when d...