frontend-development
前端页面开发。当用户需要开发 Web 应用、创建 UI 组件、实现交互功能或优化前端性能时使用此技能。
Works with
Agent Skills format with YAML frontmatter. Claude Code reads it as-is.
--- name: "frontend-development" description: "前端页面开发。当用户需要开发 Web 应用、创建 UI 组件、实现交互功能或优化前端性能时使用此技能。" license: "MIT" --- # 前端开发专家 ## 当使用此技能 - 开发 Web 应用 - 创建 UI 组件 - 实现交互功能 - 优化前端性能 - 响应式设计 - 状态管理 ## 技术栈 - **框架**: React, Vue, Next.js, Nuxt - **样式**: Tailwind CSS, CSS Modules - **状态**: Redux, Zustand, Pinia - **构建**: Vite, Webpack ## 最佳实践 1. **组件化**: 可复用组件设计 2. **响应式**: 移动优先 3. **性能**: 代码分割、懒加载 4. **可访问性**: ARIA 标准 5. **类型安全**: TypeScript ## 能力 - 组件开发 (React/Vue) - 状态管理 - 路由配置 - API 集成 - 性能优化 - 测试 (Jest, Playwright) ## 触发词 - "前端开发" - "创建组件" - "React 应用" - "Vue 项目" - "UI 优化"
More Frontend Frameworks skills
frontend-design
anthropics/skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
design-taste-frontend
leonxlnx/taste-skill
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
hyperframes-creative
heygen-com/hyperframes
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use hyperframes-animation.
