Skills matching the name, description or GitHub author.
Optimize Next.js frontend performance using Lighthouse, bundle analysis, and animation best practices. Use when diagnosing slow pages, optimizing bundle size, or improving Core Web Vitals (LCP, TBT, CLS).
Create distinctive, bold UI designs that avoid generic AI aesthetics. This skill should be used when users want frontend components with strong visual identity, creative typography, intentional color palettes,...
前端 UI/UX 设计开发专家代理，擅长将设计转化为精美的界面实现。当用户需要以下帮助时使用：(1) 创建新的 UI 组件 (2) 改进界面视觉效果 (3) 实现动画和交互 (4) 响应式设计 (5) 设计系统构建 (6) 即使没有设计稿也能创造美观...
oh-my-opencode 风格的多代理编排系统。提供 7 个专业代理协同工作：Sisyphus（主编排）、Oracle（架构顾问）、Librarian（文档研究）、Explore（代码搜索）、Frontend Engineer（UI/UX）、Document Writer（文档撰写）、Multi...
Apply Feature-Sliced Design (FSD) architecture to frontend projects. Use when creating new frontend features, components, pages, or restructuring existing code. Triggers on tasks involving React/Next.js/Vue pro...
AG-UI (Agent-User Interaction) protocol reference for building AI agent frontends. Use when implementing AG-UI events (RUN_STARTED, TEXT_MESSAGE_*, TOOL_CALL_*, STATE_*), building agents that communicate with f...
建立獨特、生產級且高品質的前端介面。當需要構建 Web 組件、頁面、Landing Page 或應用程式時使用。
This skill should be used for React hooks, components, state management, performance, frontend TypeScript, Next.js, JSX/TSX, web UI components
Generate TypeScript client code for interacting with Aztec contracts. Use when building frontend integrations, creating contract clients, or setting up wallet connections.
Patterns for Aztec development: contracts, frontend, testing. Use when working with Aztec contracts in any capacity unless otherwise specified
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, styling best practices, routing,...
Browser console message analysis for debugging JavaScript errors, warnings, and application logs. Use when investigating frontend issues, tracking console output, or diagnosing JavaScript problems.
Write maintainable CSS following the project's established methodology, whether using Tailwind utility classes, BEM naming, CSS modules, or styled-components. Use this skill when styling UI components or pages...
Implement robust error handling with user-friendly messages, specific exception types, centralized error boundaries, and graceful degradation strategies. Use this skill when implementing error handling logic in...
Build responsive layouts that work seamlessly across mobile, tablet, and desktop screen sizes using mobile-first development, fluid layouts, and relative units. Use this skill when implementing layouts or UI co...
Build accessible user interfaces with semantic HTML, proper ARIA attributes, keyboard navigation, and screen reader compatibility. Use this skill when creating or modifying HTML markup, UI components, forms, or...
Design reusable, composable UI components with single responsibility, clear interfaces, and proper state management. Use this skill when creating or refactoring React, Vue, Svelte, or other framework components...
Creates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
Use when implementing visual design, styling components, or building design systems. Enforces intentional aesthetics, systematic design tokens, production-grade implementation. Triggers: 'implement design', 'st...
Master enterprise-grade TypeScript development with type-safe patterns, modern tooling, and framework integration. This skill provides comprehensive guidance for TypeScript 5.9+, covering type system fundamenta...
Use this skill when developing Next.js 16 applications - creating pages, components, layouts, API routes, implementing proxy.ts, adding caching with Cache Components, or refactoring frontend code. This includes...
Create distinctive, production-grade frontend interfaces with exceptional design quality. Use when building web components, pages, or applications that need creative, polished aesthetics.
Автоматизация создания frontend компонентов (HTMX + Tailwind + DaisyUI + WebSocket)
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.