前端开发 Skill技能列表
设计组件技能Skill design-component
共情账本的UI组件设计技能,专注于讲故事卡片、数据展示模式和AI内容丰富,包含文化敏感性和AI应用
食谱管理器Skill recipe-manager
食谱管理器技能是一个用于在CookMode V2中管理食谱数据的专业工具。它帮助用户创建、编辑、验证和维护食谱条目,确保数据遵循结构化对象格式。主要功能包括添加新食谱、修改现有食谱、修复格式错误、批量更新属性以及转换食谱格式。该技能适用于食谱数据管理、结构化数据转换、烹饪应用开发和数据验证等场景。
前端开发模式Skill frontend-patterns
前端开发模式是一套用于构建高效、可维护的现代Web应用程序的最佳实践,专为React和Next.js等框架设计,涵盖组件架构、状态管理、性能优化、UI/UX提升、表单处理、错误边界和动画效果。关键词:前端开发、React、Next.js、性能优化、状态管理、组件模式、SEO优化、用户体验。
基兰TypeScript代码审查技能Skill kieran-typescript-reviewer
此技能用于审查TypeScript代码变更,确保类型安全、现代模式、可维护性和高质量标准。基于基兰的严格惯例,适用于新功能实现、代码修改或创建新组件后的审查。关键词:TypeScript代码审查、类型安全、代码质量、前端开发、软件测试。
跨平台文件对话框抽象层Skill file-dialog-abstraction
这是一个用于实现跨平台文件对话框的软件工具,支持打开文件、保存文件和目录选择功能。它提供了统一的API接口,兼容Windows、macOS和Linux操作系统,支持多文件选择、文件类型过滤、默认路径设置等核心功能。关键词:跨平台文件对话框、桌面应用开发、文件选择器、Electron、Tauri、Qt、WPF、原生对话框、文件操作API。
灯塔网站审计工具Skill lighthouse
灯塔网站审计工具是一款基于Google Lighthouse的AI驱动网站性能分析工具,专注于网站性能优化、可访问性检测、SEO评分和最佳实践验证。该工具能够测量核心Web指标(LCP、INP、CLS)、生成详细性能报告、跟踪性能预算,并提供可访问性合规性检查,帮助开发者和网站管理员提升用户体验和搜索引擎排名。关键词:网站性能优化、Google Lighthouse、核心Web指标、可访问性审计、SEO分析、性能预算、前端优化、网站审计工具
响应式网页设计Skill responsive-web-design
响应式网页设计是一种前端开发技术,利用CSS技术如Flexbox、CSS Grid和媒体查询,采用移动优先方法构建自适应web界面,确保网站能在不同设备上(从手机到桌面)优化显示。关键词包括响应式设计、前端开发、CSS技术、移动优先、自适应布局。
HTML结构验证器Skill html-structure-validate
HTML结构验证器是一个自动化质量检查工具,用于验证AI生成的HTML5文档的结构完整性和语法正确性。作为流水线中的阻塞式质量门,它检查DOCTYPE声明、标签闭合、必需元素、内容结构等10个关键方面,确保输出符合Web标准。当验证失败时自动停止流程并通知用户,提供详细的JSON格式报告。适用于前端开发、自动化测试、AIGC内容质量控制和DevOps流水线集成。