Каталог навыков агентов

Japanese frontend and web design skill covering typography, vertical writing, form handling, accessibility (JIS X 8341-3...

Find the best UI/UX design patterns and architectures using deep research. Use when user asks to "improve UI", "optimize...

Shared UI/visual-design rule library for building polished, distinctive, multimedia-rich self-contained HTML stories. Th...

Conducts comprehensive frontend design reviews covering UI/UX design quality, design system validation, accessibility co...

Design, review, and visually QA web and app interfaces against explicit design laws so shipped screens look intentional...

Review the visual and interaction design of a web UI from screenshots and code: hierarchy, spacing and alignment, typogr...

Review and create distinctive, production-grade frontend interfaces with high design quality and design system complianc...

Design principles and review methodology for UI/UX work. Use when building new interfaces, reviewing visual changes, or...

Route frontend design and UI implementation prompts to the right design skills. Use for accessibility, frontend visual t...

Build distinctive, production-grade web UI that avoids generic AI aesthetics — components, pages, landing pages, dashboa...

Create distinctive, production-grade Next.js applications with expert TypeScript architecture and exceptional visual des...

Use this skill for tokens, components, variants, theming, consistency, reusable UI architecture. Trigger when the task i...

Comprehensive frontend design system and component library.

Workflow for frontend features and visual/product design changes — present mockup options before code, build on the proj...

使用 React、Tailwind CSS 和 shadcn/ui 创建独特、生产级的静态网站——无需设计稿。从纯文本需求生成大胆、令人难忘的设计，具备反AI套路美学、移动优先响应式模式和单文件打包功能。适用于构建落地页、营销网站、作品集、...

Evidence-based frontend design: research, evaluate, and build production-grade interfaces. Audits existing UI with Chrom...

前端开发规范，包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等

Frontend development skill for Resume Matcher. Handles Next.js pages, React components, Tailwind CSS with Swiss Internat...

Astro + React islands with TanStack (Query, Form, Table) and Tailwind CSS. Use for frontend UI development, components,...

Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive...

Frontend development guidelines for Quantum Skincare's Next.js 16 App Router application with React 19.2, Tailwind CSS v...

Use when building React or Next.js UI components and pages; Fixing frontend performance, accessibility, or state issues

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

Atua como Engenheiro Frontend Sênior e Design Engineer, dominando arquitetura de interfaces, Design Systems autorais, de...

React/Vite 컴포넌트 빌드, 성능 최적화, Tailwind CSS 스타일링, shadcn/ui 컴포넌트 활용, 접근성 검토. 프론트엔드 기능 개발, UI 이슈 디버깅, 컴포넌트 코드 리뷰 시 사용.

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js...

Разработка фронтенда: HTML/CSS/JS, React/Vue/Svelte, верстка, сборка (Vite/Webpack), работа с API, доступность

项目专属前端开发 Agent，React 19 + Ant Design v6 + Refine，基于 trade-crawlee 项目实际目录结构与编码规范。覆盖 React 页面开发、路由配置、API 集成、组件封装全链路。

Frontend specialist creating distinctive, production-grade interfaces

Build production React and Next.js applications. Components, hooks, SSR/SSG, routing, state management, Tailwind CSS, pe...

Orchestrates frontend development with MidsReborn UI analysis, React component planning, visual verification, and qualit...

Expert in Lighthouse Journey Timeline frontend architecture, React patterns, TypeScript, TanStack Query, Zustand, and co...

Accessible, performant, responsive UI patterns. Component design, state management discipline, and Core Web Vitals compl...

This skill should be used when enhancing the visual design and aesthetics of Next.js web applications. It provides moder...

This skill should be used when enhancing the visual design and aesthetics of web applications. It provides modern UI com...

Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. Use when building web UIs, Re...

Implement exactly one bounded frontend/web/admin task selected from an approved or in-progress SPEC using existing contr...

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

Operate FrontendExtension (FE) resources in frontend-forge: create, update, rebuild, inspect package artifacts, download...

Frontend form patterns — form types in model/, useForm setup, and end-to-end backend validation with field-level error d...

Auto-invoke when reviewing React, Vue, or frontend component code. Enforces component architecture, state management pat...

Comprehensive frontend development guide covering HTML, CSS, JavaScript, TypeScript, React, Vue, Angular, and modern web...

Frontend development with React, Vue, Angular, modern web technologies. Use for frontend, ui, react, vue, angular, web,...

Use when converting a design direction into maintainable production frontend code, selecting architecture within the exi...

给本地前端项目建「页面 ↔ 接口」双向索引（.fe-index/）：改接口前查影响哪些页面，接页面任务查用到哪些接口与组件。触发："前端索引"、"页面接口映射"、"改这个接口影响哪些页面"、"哪个页面调了这个接口"。

Skill do Frontend Developer para implementação com React/Next.js, Zustand, React Query, e Skeleton loading. Use quando p...

Frontend integration guides for React and Flutter with Kailash SDK workflows, including setup, API integration, state ma...

Use this skill to design and implement framework-agnostic frontend domain layers, authoring pure TypeScript entities wit...

Use this skill to design and implement robust frontend infrastructure and data layers, abstracting type-safe API clients...

Use this skill to design, implement, and refactor presentation layer components across React, React Native, and Expo, en...

When shaping or reviewing a frontend's spatial structure—grouping and aligning content, setting reading order, adapting...

Implement approved React/Next.js design specs using existing CSS Modules, Redux, TanStack, and Axios conventions. Route...

Padroniza o visual e a estrutura das páginas frontend do projeto, incluindo landing page, menu, login, cadastros e opera...

Run scoped frontend lint verification, repair related lint failures, or plan explicitly requested lint setup. Prefer exi...

Route frontend governance tasks to the narrowest specialist or parallel team (max 4) from the frontend agent catalog. Us...

Master skill for frontend development with Next.js + React + Tailwind stack. Decision framework for choosing components,...

Plan, build, and iterate UX-friendly frontend mockups via a ground→contract→mockup→test→fix→learn loop, acting as an exp...

Dashboard-specific adapter on the generic frontend-mockup-loop skill: binds the 7-step design loop to pi-agent-dashboard...

Master guide for modern frontend development using Next.js, React, Tailwind CSS, Shadcn UI, and Zod. Covers RSC boundari...

When deciding whether a frontend interaction benefits from motion, or designing or reviewing state, enter/exit, and gest...

Build, review, or audit frontend animation and motion with purpose, frequency, easing, physicality, performance, accessi...

Coordinates frontend development tasks (React, TypeScript, UI/UX). Use when implementing user interfaces, components, st...

React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. Use...

Use when you need frontend development patterns for React, Next.js, state management, performance optimization, and Fron...

Use when building Livewire/Blade/Alpine UI in a Laravel app — component composition, state placement, performance, forms...

React/Next.js structural patterns — component composition, custom hooks, state layering, data fetching, memoization, vir...

CRITICAL: Use this skill when creating/debugging React UI components, Radix UI, forms, modals, or drag & drop. AUTO-ACTI...

Guides React and Next.js component architecture and performance. Use when composing components, managing React state, or...

前端性能优化 Agent — 对 React 19 + Ant Design v6 + Vite 前端项目进行性能分析，覆盖构建优化、运行时渲染、资源加载、依赖瘦身四大维度，输出分级优化方案

Visual & UI philosophy (The 5 Pillars of Intentional UI). Understand deeply to avoid "AI slop" and create distinctive, m...

When refining component surfaces, elevation, optical alignment, icons, or finish after the structure is sound — remove d...

Polish frontend UI implementation with responsive layout, accessibility, visual quality, interaction states, and browser...

Audit launch readiness; report ship/no-ship.

Use when building, modifying, or reviewing frontend UI where text overflow, layout, responsiveness, accessibility, and v...

当用户需要构建、修改或审查前端界面，并验证文本溢出、布局、响应式、可访问性和视觉质量时使用。

Review frontend quality from evidence across code, UI, architecture, TypeScript, security, performance, verification, de...

Desarrollo de componentes React con hooks, patrones y mejores prácticas. Componentes reutilizables, estado local y compo...

Responsive design principles for stock_picker_bot web interfaces. Ensures stock data and portfolio management are usable...

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it sho...

Design mobile-first responsive layouts using fluid containers, relative units, standard breakpoints, and touch-friendly...

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

Build mobile-first, responsive layouts with fluid grids, standard breakpoints, relative units, and touch-friendly design...

Implement mobile-first responsive designs with fluid layouts, breakpoints, relative units, and touch-friendly interfaces...

Build responsive, mobile-first user interfaces that adapt gracefully across all screen sizes using fluid layouts, relati...

Implement mobile-first responsive designs using fluid layouts, relative units, responsive images, and touch-friendly int...

Diseño responsive moderno — Container Queries, Grid, Flexbox, clamp(). Mobile-first, adaptable a cualquier pantalla. Tri...

Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design...

Front-end conventions review for Vue surfaces — the component-usage analog of /a11y, pointed at Nuxt UI 4 + crouton conv...

前端代码审查 Agent — 对 React 19 + Ant Design v6 + TypeScript 5 前端代码进行多维审查，覆盖规范、安全、性能、架构，输出分级问题清单与修复指引

Senior Frontend Code Reviewer with 12+ years JavaScript/TypeScript experience. Use when reviewing React/TypeScript code,...

前端修改安全约束。当用户修改 Vue/React 组件、调整页面布局、创建覆盖层/蒙版组件时激活。提供数据绑定保护、布局一致性规范、覆盖层定位规范。

Scaffolds React/TypeScript frontend components with MVVM architecture.

Build or update functional frontend pages and mobile screens that fit an existing application. Use when Codex needs to c...

Audit frontend codebases for security vulnerabilities and bad practices. Use when performing security reviews, auditing...

Trigger: When user asks about frontend development, React, components, UI/UX, or needs a senior frontend mentor. Mentor...