前端开发 Skill技能列表
卓越前端设计与图像集成技能Skill frontend-design-pro
这个技能专注于设计和开发高端的前端用户界面,集成了真实或自定义图像,用于提升视觉吸引力和功能性。关键词包括前端开发、UI设计、图像处理、Web开发、美学设计、响应式界面、SEO优化。
构件构建器Skill artifacts-builder
该技能用于构建交互式、自包含的HTML/JavaScript构件,包括数据可视化、计算器、迷你应用和工具,支持嵌入到网站或作为独立应用使用。适用于创建交互式演示、原型、教育内容及任务特定工具。关键词:HTML, JavaScript, 交互式构件, 数据可视化, 前端开发, Claude.ai, 迷你应用构建, Web开发工具, SEO优化, 交互设计。
严格TypeScript模式Skill strict-typescript-mode
此技能用于在TypeScript开发中强制执行严格编码规范,包括禁止未文档化的`any`类型、要求公共API显式类型、使用泛型约束、工具类型、只读属性和区分联合等,旨在提升代码质量、类型安全和可维护性。适用于TypeScript项目、新功能开发、代码审查和重构场景。关键词:TypeScript,严格模式,编码规范,类型安全,前端开发,代码审查。
JavaScript开发专家Skill javascript-expert
JavaScript开发专家技能专精于利用现代JavaScript技术(包括ES6+、Node.js、浏览器API)开发高性能、安全、可维护的应用程序,涵盖异步编程、性能优化、安全编程、测试驱动开发等关键领域,适用于前端和后端开发场景。关键词:JavaScript开发、ES6特性、Node.js、浏览器API、异步编程、性能优化、安全编程、TDD测试。
无障碍与WCAG合规专家Skill accessibility-wcag
这个技能专注于网页无障碍性和WCAG 2.2合规性,确保界面对所有用户可访问,包括键盘导航、屏幕阅读器优化、颜色对比要求等。它适用于前端开发、用户体验优化和网站审计,关键词:无障碍、WCAG、前端开发、用户体验、屏幕阅读器、键盘导航。
文档设计Skill Documentdesign
此技能用于创建专业的、打印就绪的HTML文档,支持自定义品牌配置并导出为PDF。它提供了品牌配置、CSS打印布局模式和文档设计最佳实践,适用于提案、报告、一页纸、新闻稿、幻灯片、活动材料等文档设计。关键词:文档设计、HTML、CSS、品牌配置、PDF导出、打印布局、前端开发。
TypeScript高级类型Skill typescript-advanced-types
TypeScript高级类型技能专注于TypeScript的类型系统的高级特性,如泛型、条件类型、映射类型、模板字面量类型和工具类型,用于开发类型安全的软件应用。关键词包括:TypeScript, 高级类型, 泛型, 条件类型, 映射类型, 模板字面量类型, 工具类型, 类型安全, 前端开发, 后端开发。
现代JavaScript模式Skill modern-javascript-patterns
这个技能用于掌握现代JavaScript(ES6+)核心特性,包括箭头函数、解构、异步操作、函数式编程模式等,帮助开发者编写高效、可维护的前端代码,适用于重构遗留系统、优化Web应用性能及提升代码质量。关键词:JavaScript开发,ES6+,前端优化,异步编程,代码重构,函数式编程,性能提升。
算法艺术生成Skill algorithmic-art
此技能专为使用p5.js创建算法艺术而设计,涵盖算法哲学构思、交互式生成艺术实现和参数探索。它结合计算美学与前端开发,允许用户通过种子随机性和动态控件生成独特艺术变体。适用于生成艺术、前端开发、交互设计等领域。关键词:算法艺术、生成艺术、p5.js、交互式艺术、前端开发、种子随机性、参数控制、计算美学。
React组件生成器Skill react-component-generator
这是一个用于自动化生成符合规范的React组件的技能,支持TypeScript、Hooks、CSS Modules和测试文件,旨在提升前端开发效率和代码质量。关键词:React, TypeScript, 组件生成, 前端开发, 自动化工具, CSS Modules, Hooks, 测试文件, 代码规范。
Shopify开发Skill shopify
Shopify开发技能用于构建和扩展Shopify电商平台上的应用、主题及API集成。涉及GraphQL/REST API调用、Shopify CLI工作流、Polaris UI组件和Liquid模板语言,支持结账自定义、管理界面扩展、POS零售开发等。关键词包括Shopify开发、电商应用、API集成、主题定制、Shopify CLI、Liquid模板、GraphQL API、电商平台开发。
前端开发指南Skill frontend-dev-guidelines
这个技能是前端开发指南,专注于现代React和TypeScript应用程序的开发。它详细介绍了基于Suspense的数据获取、懒加载、文件组织、MUI v7样式、TanStack Router路由、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、获取数据、样式设置、路由和前端代码管理。关键词:React, TypeScript, 前端开发, 性能优化, 数据获取, Suspense, 懒加载, MUI v7, TanStack Router, 文件组织。