前端开发 Skill技能列表
用户询问技能Skill ask-user
用户询问技能是一种用于软件开发和人工智能项目中的交互模式,旨在高效收集用户需求、澄清模糊点并获取关键决策。该技能通过提供具体选项、充分上下文和批量提问,帮助开发者、产品经理和AI智能体在需求分析、方案选择和范围界定阶段与用户有效沟通,避免误解和返工,提升协作效率。关键词:用户交互、需求收集、决策支持、选项呈现、范围澄清、软件开发、AI智能体、沟通模式。
React组合模式技能Skill react-composition-patterns
这个技能专注于使用 React 组合模式来构建可扩展、易维护的前端组件。它避免布尔属性泛滥,通过复合组件、状态提升和上下文管理提升代码质量。适用于重构组件、开发组件库和设计 API。关键词:React, 组合模式, 前端开发, 组件架构, 状态管理, 复合组件, 渲染属性, React 19 API, 可维护性, 可扩展性, 组件库开发, 代码重构, 前端优化, UI 组件, 响应式设计, 前端框架, JavaScript, 软件开发最佳实践。
前端设计技能Skill frontend-design
前端设计技能专注于创建独特、生产就绪的前端用户界面,结合设计思维与代码执行,适用于网页、组件和应用程序的开发。关键词:前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。
NuxtUIv4前端组件库技能Skill nuxt-ui-v4
这个技能是用于使用 Nuxt UI v4 组件库进行前端开发,构建响应式、可访问的 Nuxt v4 应用程序。它提供了 125+ 个组件,支持 Tailwind CSS v4、AI 集成、主题定制和 TypeScript,适用于仪表板、AI 聊天界面、页面布局、表单、定价页面等多种场景。关键词:Nuxt UI、前端开发、Vue.js、Tailwind CSS、组件库、AI 集成、主题定制、TypeScript。
实现命令面板Skill implementing-command-palettes
本技能详细讲解如何在React中实现高效、响应式的命令面板(Cmd+K/Ctrl+K),涵盖键盘导航、滚动行为、过滤匹配和性能优化等关键技术。关键词:React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化、UI组件开发。
AntDesignReact组件库技能Skill ant-design-react
该技能提供 Ant Design React 组件库的全面使用指南,帮助开发者快速构建 React 应用,支持组件如按钮、表单、表格的集成,主题定制,国际化,TypeScript 类型支持等,关键词包括 Ant Design, React, 组件库, 前端开发, UI 设计, 主题定制, 国际化, TypeScript。
设计系统专家Skill design-systems
设计系统专家技能专注于创建可扩展的设计基础,包括基于令牌的主题化、一致的组件API、设计系统架构和清晰文档。关键词:设计系统、令牌、主题化、组件、架构、前端开发、CSS、React、测试驱动开发、性能优化。
网页界面审查技能Skill web-design-guidelines
这个技能用于自动审查用户界面代码,确保其符合网页界面最佳实践,涵盖可访问性、焦点状态、表单、动画、性能、排版等多个方面,帮助前端开发者提升代码质量和用户体验。关键词:UI审查、前端开发、可访问性、性能优化、代码审计、网页设计、用户体验。
前端开发模式Skill frontend-patterns
前端开发模式技能专注于使用React和Next.js等现代前端框架的最佳实践,涵盖组件设计、状态管理、性能优化、表单处理、错误边界、动画和可访问性等方面,帮助开发者构建高性能、可维护的用户界面。关键词:前端开发、React、Next.js、组件模式、状态管理、性能优化、SEO、Web开发。
团队界面设计技能Skill team-uidesign
这是一个统一的团队技能,用于UI设计团队,支持多角色协作,包括协调员、研究员、设计师、审查员和实现者。它涵盖设计系统分析、设计令牌定义、组件规格、可访问性审计和代码实现,实现双轨设计+开发流程,提高界面设计效率和质量。关键词:UI设计、团队协作、设计系统、前端开发、可访问性、多角色工作流、设计智能、代码生成。
Maz-UI前端组件库技能Skill maz-ui
此技能涉及使用Maz-UI库进行Vue和Nuxt前端开发,包括组件集成、主题定制、国际化实现、SSR支持等,适用于构建现代化Web应用程序。关键词:Vue开发, Nuxt开发, 组件库, 前端UI, 主题化, 国际化, SSR, 响应式设计, 暗模式
HTML工件构建器Skill artifacts-builder
此技能用于创建交互式HTML工件,如迷你应用、数据可视化、计算器和工具,可以嵌入网站或作为独立应用使用。适用于前端开发、网页设计和交互式内容创建。关键词:HTML, JavaScript, 交互式应用, 数据可视化, 网页开发, Claude.ai工具, 前端构建。