GitHub
frontend-performance
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).
☆ 6查看技能
“frontend”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录: 部署与运维
全部技能
GitHub
frontend-design
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,...
☆ 6查看技能
GitHub
frontend-engineer
前端 UI/UX 设计开发专家代理，擅长将设计转化为精美的界面实现。当用户需要以下帮助时使用：(1) 创建新的 UI 组件 (2) 改进界面视觉效果 (3) 实现动画和交互 (4) 响应式设计 (5) 设计系统构建 (6) 即使没有设计稿也能创造美观...
☆ 6查看技能
GitHub
omo-agents
oh-my-opencode 风格的多代理编排系统。提供 7 个专业代理协同工作：Sisyphus（主编排）、Oracle（架构顾问）、Librarian（文档研究）、Explore（代码搜索）、Frontend Engineer（UI/UX）、Document Writer（文档撰写）、Multi...
☆ 6查看技能
GitHub
feature-slicing
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...
☆ 6查看技能
GitHub
ag-ui-protocol
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...
☆ 6查看技能
GitHub
frontend-design
建立獨特、生產級且高品質的前端介面。當需要構建 Web 組件、頁面、Landing Page 或應用程式時使用。
☆ 6查看技能
GitHub
react-patterns
This skill should be used for React hooks, components, state management, performance, frontend TypeScript, Next.js, JSX/TSX, web UI components
☆ 6查看技能
GitHub
aztec-typescript
Generate TypeScript client code for interacting with Aztec contracts. Use when building frontend integrations, creating contract clients, or setting up wallet connections.
☆ 6查看技能
GitHub
aztec-developer
Patterns for Aztec development: contracts, frontend, testing. Use when working with Aztec contracts in any capacity unless otherwise specified
☆ 6查看技能
GitHub
frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, styling best practices, routing,...
☆ 6查看技能
GitHub
console-debugging
Browser console message analysis for debugging JavaScript errors, warnings, and application logs. Use when investigating frontend issues, tracking console output, or diagnosing JavaScript problems.
☆ 6查看技能
GitHub
frontend-css
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...
☆ 6查看技能
GitHub
global-error-handling
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...
☆ 6查看技能
GitHub
frontend-responsive
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...
☆ 6查看技能
GitHub
frontend-accessibility
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...
☆ 6查看技能
GitHub
frontend-components
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...
☆ 6查看技能
GitHub
frontend-design
Creates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics
☆ 6查看技能
GitHub
web-frontend
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...
☆ 6查看技能
GitHub
ui-design
Use when implementing visual design, styling components, or building design systems. Enforces intentional aesthetics, systematic design tokens, production-grade implementation. Triggers: 'implement design', 'st...
☆ 6查看技能
GitHub
mastering-typescript
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...
☆ 6查看技能
GitHub
developing-nextjs
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...
☆ 6查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with exceptional design quality. Use when building web components, pages, or applications that need creative, polished aesthetics.
☆ 6查看技能
GitHub
frontend-development
Автоматизация создания frontend компонентов (HTMX + Tailwind + DaisyUI + WebSocket)
☆ 5查看技能
热门分类
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。