前端开发 Skill技能列表
TypeScript类型系统Skill typescript-type-system
TypeScript类型系统技能专注于TypeScript语言的类型特性，包括编译器配置、严格模式、高级类型（如联合与交叉类型、泛型、条件类型、映射类型、模板字面量类型）、类型收窄（类型守卫、判别联合）、实用类型、类型断言等，帮助开发者编写类型安全的JavaScript代码，提高代码质量和可维护性，适用于前端和后端开发。关键词：TypeScript, 类型系统, 严格模式, 泛型, 类型守卫, 编译器配置, 前端开发, 后端开发, 类型安全, 代码质量。
ReactFlow自定义节点与边缘技能Skill reactflow-custom-nodes
React Flow自定义节点与边缘技能是用于使用React Flow库创建自定义节点和边缘的技术，主要应用于构建节点编辑器、工作流界面、可视化图表和数据流程图等前端开发场景。它支持交互式表单元素、多种节点类型、工具栏、可调整大小节点、分组节点、自定义边缘交互和连接验证。关键技能包括自定义组件、样式定制、行为交互、性能优化、前端开发、UI设计和JavaScript框架。
ESLint自定义规则开发Skill eslint-custom
这个技能专注于ESLint自定义规则和插件的开发，包括规则编写、抽象语法树遍历和发布流程，适用于提高JavaScript代码质量、实施团队标准和集成CI/CD管道。关键词：ESLint, 自定义规则, AST遍历, 插件开发, JavaScript代码质量, 前端开发工具。
Redux状态管理Skill redux
此技能提供Redux的全面指导，Redux是一个JavaScript状态管理库，用于管理应用程序的全局状态。它涵盖核心概念如store、action、reducer、middleware、selector，以及Redux Toolkit的使用，帮助用户学习状态管理、实现Redux模式和优化前端开发。关键词包括Redux、状态管理、JavaScript、前端开发、Redux Toolkit、store、action、reducer、middleware、selector、全局状态。
特性架构技能Skill feature-arch
此技能用于React应用程序的特性驱动架构设计，提供最佳实践指南，帮助开发人员组织项目结构、管理依赖、实现模块化开发，以提高应用的可扩展性和团队协作效率。关键词：React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。
Tailwind性能优化Skill tailwind-performance
这个技能用于优化Tailwind CSS在生成环境中的性能，通过配置内容路径、使用JIT模式、最小化自定义CSS等方法，减少CSS包大小，提高网站加载速度和性能。关键词包括Tailwind CSS、性能优化、JIT模式、PurgeCSS、代码分割、构建优化。
Tailwind设计系统Skill tailwind-design-system
这个技能专注于利用Tailwind CSS框架构建和维护可扩展的设计系统，涵盖设计令牌、组件变体、响应式布局和可访问性标准，旨在提升前端开发效率、确保UI一致性和优化用户体验。关键词包括：Tailwind CSS, 设计系统, 设计令牌, 组件库, 响应式模式, 前端开发。
Parcel打包工具使用技能Skill parcel
此技能提供Parcel打包工具的全面使用指导，涵盖零配置设置、资产处理、热模块替换和生产构建等关键功能。关键词包括Parcel、打包工具、零配置、资源管理、热模块替换、生产构建、前端开发。适用于开发者快速搭建和优化前端项目。
Biome配置管理Skill biome-configuration
这个技能专注于配置Biome工具链，用于JavaScript和TypeScript项目的代码检查和格式化。包括设置biome.json配置文件、管理架构版本、集成Git等版本控制系统，以及优化项目组织，以提高开发效率和代码质量。关键词：Biome, JavaScript, TypeScript, 代码检查, 格式化, 工具链, 代码质量, 项目管理, VCS集成, CI/CD。
Three.js交互式3D可视化构建技能Skill three-js-interactive-builder
该技能用于基于Three.js库开发交互式3D可视化应用，专注于算法艺术生成、神圣几何设计、时间动画效果和模块化架构。适用于WebGL可视化、生成艺术创作、交互体验设计、粒子系统和流场模拟等项目。关键词：Three.js, 3D可视化, 算法艺术, 交互设计, WebGL, 神圣几何, 时间动画, 模块化开发。
前端设计Skill frontend-design
这个技能用于创建独特、生产级的前端界面，强调创意设计和避免通用AI美学。它生成高质量、视觉冲击力的代码，适用于Web组件、页面和应用程序开发，确保界面既功能完整又具有独特美学风格。关键词：前端设计，创意代码，美学界面，避免AI通用，生产级开发。
动效设计技能Skill motion-design
动效设计技能专注于创建用户界面中的动画效果，包括HUD动画、时序管理、弹簧物理、微交互等，旨在提升用户体验、提供反馈并确保可访问性。适用于前端开发、UI设计和性能优化场景。关键词：动效设计、UI动画、前端动画、CSS动画、JavaScript动画、性能优化、无障碍设计、HUD动画。