前端开发 Skill技能列表
AntDesignMini技能Skill ant-design-mini
此技能提供Ant Design Mini组件库在小程序开发中的全面指南,涵盖安装、组件使用、主题配置、API参考等内容,适用于支付宝和微信小程序。关键词:Ant Design Mini, 小程序, 支付宝小程序, 微信小程序, UI组件, 前端开发, 组件库。
Context7MCP使用模式Skill context7-usage
Context7 MCP 是一个用于高效检索和查询编程库及框架官方文档的工具。它通过预索引技术提供结构化、权威的文档内容,支持React、Vue、Node.js等多种技术栈。该工具能显著减少AI对话中的令牌消耗,提升开发文档查询的精确度和速度,是程序员和AI助手进行技术文档检索的优化解决方案。关键词:Context7 MCP,文档检索,库文档查询,AI开发工具,编程文档索引,令牌优化,技术栈支持。
AvaloniaZafiro开发Skill avalonia-zafiro-development
该技能定义了使用 Avalonia UI 和 Zafiro 工具包开发跨平台应用程序的强制性约定和行为规则,优先考虑可维护性、正确性和函数式反应式方法。它用于规范开发流程、提高代码质量和跨平台兼容性,关键词包括:Avalonia UI, Zafiro 工具包, 跨平台开发, MVVM, 函数式编程, 反应式编程, 错误处理, 代码规范。
Tamagui最佳实践指南Skill tamagui-best-practices
Tamagui跨平台UI框架高级开发指南,涵盖配置v4、编译器优化、样式化上下文、复合组件、主题系统、性能优化和常见反模式。适用于React Native和Web应用开发,提供TypeScript最佳实践、设计令牌管理和跨平台适配方案。
GPUI异步操作Skill gpui-async
GPUI异步操作技能专注于在GPUI框架中管理异步任务和后台工作,用于提升用户界面响应性和处理计算密集型操作。适用于异步I/O、长时间运行的计算以及前台UI与后台工作的协调。关键词:异步编程、后台任务、UI更新、GPUI、Rust、前端开发。
构建Next.js应用Skill building-nextjs-apps
本技能专注于使用Next.js 16框架构建现代化Web应用程序,涵盖从项目初始化、架构设计到部署的全流程。内容包括Next.js 16的重大变更(异步params/searchParams、Turbopack、缓存组件)、App Router模式、服务器组件与客户端组件的最佳实践、API路由设计、中间件配置(proxy.ts)、数据获取策略、项目结构规范以及开发工具集成(Next.js DevTools MCP)。适用于前端开发者、全栈工程师构建高性能、可扩展的React应用,特别适合需要SEO优化、服务器端渲染和现代化开发体验的项目。
VercelReact最佳实践Skill vercel-react-best-practices
Vercel 工程团队提供的 React 和 Next.js 应用的性能优化指南,包含 45 条规则,覆盖 8 个优化类别,旨在提升应用性能。
前端设计技能Skill frontend-design
前端设计技能专注于创建独特、生产就绪的前端用户界面,结合设计思维与代码执行,适用于网页、组件和应用程序的开发。关键词:前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。
用户界面设计系统工具包Skill ui-design-system
这是一个专为高级UI设计师和前端开发团队打造的专业工具包,用于高效创建、管理和维护企业级UI设计系统。核心功能包括自动化设计令牌生成(色彩、字体、间距)、组件库架构设计、响应式布局计算、无障碍合规性检查以及开发交接文档生成。该工具能显著提升设计一致性,加速设计与开发协作流程,适用于构建品牌视觉规范、设计系统文档和前端组件库。关键词:UI设计系统,设计令牌,组件库,响应式设计,设计开发协作,前端开发,视觉一致性,设计工具包。
tauri项目初始化Skill tauri-project-setup
该技能用于快速搭建基于Web技术的跨平台桌面应用开发环境。它集成了Rust后端与主流前端框架(如React、Vue、Svelte),提供项目结构初始化、配置文件生成、窗口设置、自动更新和跨平台构建等一站式解决方案。关键词:Tauri桌面应用,Rust后端,前端框架集成,跨平台开发,WebView,轻量级应用。
用户询问技能Skill ask-user
用户询问技能是一种用于软件开发和人工智能项目中的交互模式,旨在高效收集用户需求、澄清模糊点并获取关键决策。该技能通过提供具体选项、充分上下文和批量提问,帮助开发者、产品经理和AI智能体在需求分析、方案选择和范围界定阶段与用户有效沟通,避免误解和返工,提升协作效率。关键词:用户交互、需求收集、决策支持、选项呈现、范围澄清、软件开发、AI智能体、沟通模式。
编码规范Skill coding-standards
这是一份针对 Portfolio Buddy 2 项目的 React 19 和 TypeScript 编码规范文档。它详细定义了前端组件开发的最佳实践,包括组件结构、状态管理、TypeScript 类型安全、性能优化、错误处理、文件组织、测试标准和代码审查流程。适用于前端开发团队进行代码编写、审查和重构,确保项目代码质量和一致性。关键词:React 19, TypeScript, 前端开发, 编码规范, 组件设计, 状态管理, 性能优化, 代码审查。