Browse 138,453 skills across 70 categories. Mirrored from majiayu000/claude-skill-registry.
Handles frontend/UX/route work for Unite-Hub. Fixes UI bugs, implements React components, updates layouts, ensures respo...
UI design guidelines for Kubani web interfaces. Use when building or reviewing web components, pages, or the Kubani dash...
Frontend coding conventions using Preact and Tailwind. Use when writing or reviewing frontend JavaScript, HTML, or CSS c...
Frontend architecture approaches — from Multi-Page Apps through Single Page Apps, Server-Side Rendering, Islands Archite...
Build UI components with React 19, Vite, TypeScript, MUI v7, Redux Toolkit, and React Router DOM v7. Use after architect...
Use when working on app-partners (partner dashboard) or app-observatory (public statistics). Covers Next.js 15 patterns,...
React, components, state management, and modern frontend concepts. Activated when Claude works with .jsx/.tsx files or R...
Frontend patterns: component design, state management, performance, accessibility. Use when building web frontends, comp...
พัฒนา Frontend ด้วย Angular, React, Vue, Next.js อย่างมืออาชีพ
Angular 21+ expert for .ts .html .css files, @Component, UI, components, pages, services, routing, forms, templates, sig...
React + Vite + TailwindCSS frontend development in web/. Covers components, pages, routing, API client, Supabase auth, a...
> Distinctive, production-grade UI. "AI slop" estetikten kaçın.
构建现代化的 UI/UX 设计，编写 Flutter/React 组件，配色方案与无障碍设计
将 UI 样式需求转化为生产级的前端代码，支持设计令牌、可访问性合规和创意执行。
Advanced React patterns, performance optimization, and state management rules.
Especialista en React 18, TypeScript, Tailwind CSS y conexión con API multi-tenant.
Your approach to handling frontend accessibility. Use this skill when working on files where frontend accessibility come...
Web accessibility standards for potential stock_picker_bot frontends. Covers WCAG guidelines for API documentation and f...
Ensure UI components are accessible to all users including those using assistive technologies through semantic HTML, key...
Build accessible user interfaces using semantic HTML, ARIA attributes, keyboard navigation, and WCAG compliance. Use thi...
Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and s...
Implement accessible user interfaces with semantic HTML, keyboard navigation, sufficient color contrast, screen reader s...
Build accessible user interfaces with semantic HTML, keyboard navigation, ARIA attributes, and screen reader support. Us...
Build accessible user interfaces with semantic HTML, keyboard navigation, proper color contrast, ARIA attributes, and sc...
Implement accessible UI components using semantic HTML elements, keyboard navigation support, sufficient color contrast...
Apply the Agent OS standard for frontend accessibility.
Use when implementing any UI - verifies accessibility compliance through automated testing (axe-core), keyboard navigati...
Dramatic animated effects for landing pages and marketing sites. Use when user needs "wow-factor", hero sections with sp...
UI/UX visual design, styling, and aesthetic validation
Distinctive frontend design principles for avoiding generic AI defaults, implementing thoughtful typography/color/animat...
Guide frontend design decisions to create distinctive, creative UIs that avoid generic AI-generated aesthetics. Use when...
Analyze React/Next.js components to extract typography, colors, layout, fonts, spacing systems, and design tokens. Ident...
Use when creating API services for backend communication with proper patterns for caching, error handling, and type safe...
Use when creating or modifying Angular components in WebV2 (Angular 19) with proper base class inheritance, state manage...
Use when creating reactive forms with validation, async validators, dependent validation, and FormArrays using platform...
Use when editing Angular TypeScript files (.ts, .tsx) in src/Frontend/ or libs/. Provides component hierarchy, state man...
Use when implementing state management with PlatformVmStore for complex components requiring reactive state, effects, an...
API 통합 에이전트. API 클라이언트와 데이터 페칭을 구현합니다.
A conceptual skill for building an API client in Next.js that handles JWT tokens
Guide for building robust API integration layers in React/TypeScript applications. Use when implementing HTTP clients (a...
Provides patterns for structuring the API layer in React applications. This skill should be used when setting up API cli...
Create distinctive, production-grade React Native Expo interfaces following iOS Human Interface Guidelines and liquid gl...
Frontend stack decisions, Cloudflare deployment patterns, component systems, and internal tools architecture. Use for fr...
Frontend stack expert for Cloudflare deployment, shadcn/ui components, and internal tools architecture. Guides technolog...
This skill structures frontend code for scalability, readability, and API interaction. It establishes patterns for organ...
Purpose: Guidance for implementing authentication flows using Better Auth and JWT token management.
Integrates Better Auth client with ChatKit UI or custom Next/Vite UI. Adds login/logout buttons, protected routes, sessi...
Ensure frontend components match database infrastructure, identify deprecated patterns, maintain data consistency.
前后端对接。当用户需要检查前后端API对接、调试接口调用、确保数据格式一致时使用此技能。
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...
Provides code quality standards for frontend applications. This skill should be used when configuring linting rules, org...
Engineering principles for crafting well-built front-end user interfaces. When Claude needs to ensure the HTML, CSS, JS...
Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change revi...
Conducts comprehensive frontend code reviews including React/Vue/Angular component analysis, TypeScript/JavaScript quali...
Teetsh frontend code review for React/TypeScript PRs. Reviews component architecture, React Query, twin.macro styling, i...
Expert frontend development guidance covering React, Vue, Angular, TypeScript, state management, component architecture,...
前端编码规范与最佳实践。Use when writing React components, pages, or need guidance on TypeScript style, Tailwind CSS, or shadcn/ui u...
Color palette and theme generation from brand colors. Use when setting up project theming, creating shadcn/Tailwind colo...
Create React components following project standards.
Create React/Vue component with TypeScript, tests, and styles. Auto-invoke when user says "create component", "add compo...
컴포넌트 개발 에이전트. React/Next.js 컴포넌트를 설계하고 구현합니다.
Generate and refactor React + TypeScript components with Tailwind CSS for Medellin Spark. Use when building new UI compo...
Build reusable, composable, and maintainable React/Vue/Angular components following established design patterns like com...
Design and build reusable UI components following Astro's server-first architecture with islands, proper component compo...
Build reusable, composable UI components with single responsibilities, clear prop interfaces, proper state management, a...
Design and build reusable, composable UI components with single responsibility, clear interfaces, and proper encapsulati...
Reusable component architecture for future stock_picker_bot web UI. Covers modular component design for stock analysis,...
Your approach to handling frontend components. Use this skill when working on files where frontend components comes into...