前端开发 Skill技能列表
AI元素聊天组件开发技能Skill ai-elements-chatbot
这个技能用于开发和生产就绪的AI聊天用户界面组件,基于shadcn/ui和Vercel AI SDK v5。它支持流式聊天、工具/函数调用显示、推理可视化等功能,适用于构建类似ChatGPT的聊天界面。关键词:AI聊天、前端开发、UI组件、shadcn/ui、Next.js、AI SDK、流式聊天、Vercel AI SDK、生产就绪组件。
网页界面指南审查专家Skill web-design-guidelines
这个技能用于自动审查网页UI代码,确保其符合最新网页界面指南,提升可访问性、用户体验和设计质量。适用于前端开发中的代码审计和最佳实践检查,关键词包括UI审查、可访问性、设计审核、网页设计、界面指南、a11y、可用性、代码审查。
前端设计Skill frontend-design
该技能专注于创建独特、生产级的前端界面,强调高质量设计和创意代码实现,避免通用的AI美学。适用于构建Web组件、页面和应用程序,关键词包括前端设计、Web开发、UI/UX、创意编码、美学界面。
设计实现审查员Skill design-implementation-reviewer
设计实现审查员是一种技能,专门用于验证前端UI实现是否与Figma设计规范匹配,通过视觉对比、系统审查和反馈提供,确保像素完美的设计一致性和用户体验优化。关键词:UI/UX设计、Figma审查、前端开发、像素完美、设计保真度、视觉对比、反馈提供。
TypeScript严格类型验证器Skill type-validator
这个技能专注于检查和修复 TypeScript 代码中的类型安全问题,包括 any 类型检测、类型定义完整性、Zod 验证集成、路径别名类型检查和 Biome 配置集成,旨在提升代码质量、减少运行时错误并优化开发效率。关键词:TypeScript, 类型检查, 严格模式, any类型修复, Zod验证, 路径别名, Biome集成, 代码质量, 开发效率。
Robius事件与动作模式技能Skill robius-event-action
本技能专注于在Makepad应用程序中实现事件处理和动作模式的最佳实践,基于Robrix和Moly代码库。它提供了自定义动作定义、小部件事件处理、集中动作处理以及异步动作集成等模式,适用于UI开发和前端应用构建。关键词:Makepad事件处理,动作模式,UI开发,Rust编程,Robrix,Moly,小部件动作,异步处理,前端框架。
Makepad调试与参考Skill makepad-reference
此技能提供Makepad框架的故障排除、代码质量优化、自适应布局等参考资料,帮助开发者解决常见错误、优化代码结构,并实现跨平台UI开发。关键词:Makepad、调试、代码质量、响应式布局、API文档、故障排除、参考文档。
Makepad平台技能Skill makepad-platform
这个技能专注于Makepad跨平台开发,提供平台支持、条件编译和平台API使用指导,帮助开发者在macOS、Windows、Linux、iOS、Android、Web等多个操作系统上构建兼容且高性能的应用。关键词:Makepad、跨平台开发、平台支持、条件编译、OsType、图形后端、前端UI。
网页界面指南审查Skill web-design-guidelines
此技能用于自动审查网页 UI 代码,确保其符合 Web 界面指南,包括可访问性检查、设计审计和用户体验优化,提升网站质量,便于 SEO 搜索。关键词:UI 代码审查、Web 界面指南、可访问性检查、设计审计、UX 审查、最佳实践、前端开发。
可访问性合规Skill accessibility-compliance
这个技能提供新闻网站、学术平台等的可访问性合规模式,用于构建无障碍界面、审计网站的WCAG合规性、编写图像替代文本、创建可访问数据可视化、确保多媒体内容可访问,并满足法律要求。它帮助开发人员和内容发布者确保所有读者(包括使用辅助技术的用户)都能平等访问网络内容。关键词:可访问性、无障碍设计、WCAG、新闻网站、数据可视化、图像替代文本、键盘导航、屏幕阅读器。
前端可访问性开发Skill accessibility
这个技能用于审计和提升网站的可访问性,遵循WCAG 2.1指南,确保内容对所有用户(包括残障人士)都可访问。它涵盖文本替代、颜色对比、键盘导航、屏幕阅读器支持等关键方面,帮助开发者创建无障碍的Web应用。关键词:Web可访问性、WCAG 2.1、无障碍开发、前端可访问性、A11Y、屏幕阅读器支持、键盘导航。
算法艺术生成Skill algorithmic-art
此技能专为使用p5.js创建算法艺术而设计,涵盖算法哲学构思、交互式生成艺术实现和参数探索。它结合计算美学与前端开发,允许用户通过种子随机性和动态控件生成独特艺术变体。适用于生成艺术、前端开发、交互设计等领域。关键词:算法艺术、生成艺术、p5.js、交互式艺术、前端开发、种子随机性、参数控制、计算美学。