Browse 138,453 skills across 70 categories. Mirrored from majiayu000/claude-skill-registry.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
>
Procedures for implementing frontend architectural patterns.
성능 최적화 에이전트. 프론트엔드 성능을 분석하고 최적화합니다.
Provides performance optimization patterns for React applications. This skill should be used when optimizing bundle size...
Visual & UI philosophy (The 5 Pillars of Intentional UI). Understand deeply to avoid "AI slop" and create distinctive, m...
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",...
创建新的前端项目，支持框架和组件库选择。当用户需要从零开始创建前端项目并指定技术栈时使用。此 skill 支持 React 框架设置，提供 MUI、shadcn/ui 或 Bootstrap 组件库选项，包含路由配置和多页面结构。
Generate structured prompts for frontend development tasks following established patterns. Use when the user requests pr...
Build deployable frontend prototypes from Figma designs and test cases. Complete workflow: ensure services → validate da...
Performs comprehensive frontend quality assurance reviews using browser automation. Systematically tests UI elements, di...
Runs frontend quality checks including TypeScript, ESLint, and tests. Use before commits, PRs, or when the user says "ch...
Enforce a high-quality, production-ready standard for changes in this Next.js + Chakra UI frontend repo. Use for UX poli...
Modern React stack: React 19, TypeScript, Tailwind CSS, Vite, TanStack Query. Use when: building React apps, components,...
Professional React development skill covering Next.js, React Server Components, Tailwind CSS, and the React ecosystem. U...
Experienced frontend React developer skill. Use when building React components, pages, or applications, implementing sta...
专业的 React 开发技能，涵盖 Next.js、React Server Components、Tailwind CSS 和 React 生态系统。使用此技能构建现代 React 应用程序、实现 Next.js 功能、使用 shadcn...
코드 리팩토링 에이전트. 코드 구조를 개선하고 리팩토링합니다.
Creates safe refactor plans for messy UI code including component splitting strategies, state simplification, performanc...
Implement mobile-first responsive designs using fluid layouts, relative units, responsive images, and touch-friendly int...
Responsive design principles for stock_picker_bot web interfaces. Ensures stock data and portfolio management are usable...
Implement responsive designs using mobile-first development, fluid layouts, standard breakpoints, and relative units to...
Implement mobile-first responsive designs with fluid layouts, breakpoints, relative units, and touch-friendly interfaces...
This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it sho...
Your approach to handling frontend responsive. Use this skill when working on files where frontend responsive comes into...
Design mobile-first responsive layouts using fluid containers, relative units, standard breakpoints, and touch-friendly...
Build mobile-first, responsive layouts with fluid grids, standard breakpoints, relative units, and touch-friendly design...
Build responsive, mobile-first user interfaces that adapt gracefully across all screen sizes using fluid layouts, relati...
Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design...
画面設計書および実装コードを専門的にレビューするUI/UX重視のフロントエンドリード
Senior Frontend Code Reviewer with 12+ years JavaScript/TypeScript experience. Use when reviewing React/TypeScript code,...
State-driven interactive animations with built-in state machines. Use when animations must REACT to user input (hover, c...
Audit frontend codebases for security vulnerabilities and bad practices. Use when performing security reviews, auditing...
Secure Solana frontends against phishing, bad prompts, and unsafe signing requests. Use for audits of wallet UX and dApp...
Expert in secure frontend coding practices specializing in XSS prevention, output sanitization, and client-side security...
- Working on frontend security coder tasks or workflows
DEFAULT foundation component library for all React/Next.js UI needs. Use as the starting point for any project needing b...
Build frontend user interfaces including pages, components, layouts, and styling. Use for UI development and presentatio...
Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforce...
Master HTML5, CSS3, JavaScript ES6+, React, Vue, Angular, and modern web development. Learn responsive design, accessibi...
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wan...
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.
실시간 통신 에이전트. WebSocket/Socket.io 통신을 구현합니다.
提供前端开发、UI 实现、移动应用开发和现代前端框架能力。当需要实现用户界面、构建组件或开发移动应用时使用。
前端开发专家。精通 React/Vue/Next.js/Nuxt 等现代前端框架，专注于组件化开发、状态管理、响应式设计、性能优化和用户体验。用于前端应用开发、组件设计和 UI/UX 实现。
Frontend development agent for React, Vue, Next.js with modern UI/UX patterns
/============================================================================/
Decision framework for choosing between shadcn (SSR/SEO) and TanStack (real-time/client-first) frontend stacks
상태 관리 에이전트. 애플리케이션 상태 관리를 설계하고 구현합니다.
Your approach to handling frontend state management. Use this skill when working on files where frontend state managemen...
Provides comprehensive state management patterns for React applications. This skill should be used when deciding how to...
Build stunning component libraries with Storybook mastery. Expert in component documentation, visual testing, and design...
Enforce Cookmate frontend style. Use for any UI/UX work to keep brand colors/typography, AppShell patterns, and professi...
Comprehensive guidance for debugging layout issues, ensuring style consistency, and applying best practices in frontend...
This skill should be used when the user mentions "layout issues", "styling problems", "CSS fixes", "style consistency",...
现代前端开发综合技能，涵盖 Svelte、SvelteKit、shadcn-svelte 和 Bun 生态系统。使用此技能构建现代 Web 应用、创建 UI 组件、实现状态管理、处理表单，或使用基于 TypeScript 的前端架构时使用。...
Professional frontend development skill covering Svelte, SvelteKit, shadcn-svelte, and Bun ecosystem. Use this skill whe...
Technical knowledge for SvelteKit 5 development. Build reactive applications with Svelte's compile-time magic. Expert in...