前端开发 Skill技能列表
ReactuseEffect最佳实践指南Skill react-useeffect
React useEffect钩子使用规范与优化技巧,涵盖数据获取、状态同步、性能优化等核心场景。提供何时使用与避免Effect的决策框架,包含常见反模式解决方案和替代方案推荐。关键词:React Hooks, useEffect, 性能优化, 状态管理, 前端开发, 最佳实践
前端设计技能Skill frontend-design
前端设计技能专注于创建独特、生产就绪的前端用户界面,结合设计思维与代码执行,适用于网页、组件和应用程序的开发。关键词:前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。
TypeScript库开发Skill ts-library
这个技能专注于TypeScript库的高质量开发,提供从项目初始化到发布的完整指南,包括双格式支持、构建工具配置、API设计模式和测试策略。关键词:TypeScript、库开发、ESM、CJS、tsdown、unbuild、API设计、类型安全、vitest、CI/CD。
Web实现技能Skill skill-web-implementation
这个技能是一个薄包装器,用于实现基于Astro、Tailwind和TypeScript的网络变化。它通过委托给子代理来处理前端网页开发任务,包括页面、组件、布局的创建和修改,并自动执行状态更新、工件链接和Git提交等后处理操作。适用于Astro框架、Tailwind CSS、TypeScript项目,帮助提高开发效率和代码质量。关键词:网络实现、Astro、Tailwind、TypeScript、前端开发、网页开发、状态管理、Git提交、代理委托、自动化流程。
网页排版Skill web-typography
这个技能用于优化网页排版的设计与实现,提升内容的可读性和用户体验。它包括字体选择、评估、配对、排版测量设置、响应式设计、类型层次构建和字体加载性能优化。关键词:网页排版、字体设计、CSS排版、响应式设计、Web性能、用户体验。
算法艺术Skill algorithmic-art
算法艺术技能专注于使用p5.js库通过编程代码创建生成式艺术,强调种子随机性以确保作品可复现,并支持交互式参数探索。适用于代码艺术、生成艺术、流场模拟、粒子系统等创意编码项目,关键词包括:算法艺术、生成艺术、p5.js、代码艺术、流场、粒子系统、创意编码、可视化。
TanStackStart全栈开发框架Skill BunTanStackStart
TanStack Start 是一个基于 Bun 运行时的全栈 React 框架,用于快速构建现代 Web 应用。它支持文件路由、服务器函数、API 路由和错误处理,提高开发效率,适用于 SSR、构建优化和全栈开发场景。关键词:TanStack Start, React, 全栈开发, Bun, 文件路由, 服务器函数, Web 应用开发, SEO 优化。
原子设计原子组件Skill atomic-design-atoms
这个技能专注于创建原子级UI组件,如按钮、输入框、标签和图标,作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性,用于构建一致的前端界面。关键词:原子设计,UI组件,前端开发,设计系统,React组件,可访问性,样式令牌。
文档设计Skill Documentdesign
此技能用于创建专业的、打印就绪的HTML文档,支持自定义品牌配置并导出为PDF。它提供了品牌配置、CSS打印布局模式和文档设计最佳实践,适用于提案、报告、一页纸、新闻稿、幻灯片、活动材料等文档设计。关键词:文档设计、HTML、CSS、品牌配置、PDF导出、打印布局、前端开发。
Web设计指南审查Skill web-design-guidelines
这是一个 AI 技能,用于自动化审查用户界面代码是否符合 Web Interface Guidelines,提升网站的可访问性、用户体验和设计合规性,关键词包括 UI 审查、可访问性审计、Web 设计指南、前端开发、代码审计。
可复用部件设计模式技能Skill robius-widget-patterns
这个技能提供了基于Robrix和Moly代码库的Makepad部件设计最佳实践,包括可复用部件、模态对话框、拖放重排序、动态样式应用等多种模式,帮助开发者高效创建和优化UI组件。关键词:Makepad部件、可复用设计、模态、拖放、优化、UI组件、设计模式、前端开发、软件开发。
Markdown表格Skill markdown-tables
这个技能是关于在Markdown中创建和格式化表格的,包括基本语法、对齐方式、转义字符、多行单元格等高级功能,适用于技术文档编写、网页内容格式化,关键词包括Markdown、表格、格式化、语法、文档编写、前端开发。