前端开发 Skill技能列表
Makepad动画技能Skill makepad-animation
这个技能提供了Makepad动画系统的全面指南,专注于使用Rust编程语言创建用户界面的平滑动画和交互效果。它包括编写动画代码、定义状态和过渡、使用缓动函数和时间线,适用于前端GUI开发。关键词:Makepad, 动画, Rust, 用户界面, 前端开发, GUI, 交互设计, 缓动, 状态机
TypeScript开发专家Skill typescript-expert
这个技能专注于TypeScript编程语言的开发和优化,强调类型安全、高级类型系统、严格模式配置和现代化开发模式。适用于构建类型安全的应用程序、重构JavaScript到TypeScript、实现复杂类型定义,并涵盖前端和后端开发。关键词:TypeScript,类型安全,前端开发,后端开发,软件工程,严格模式,高级类型,测试驱动开发。
算法艺术生成Skill algorithmic-art
此技能专为使用p5.js创建算法艺术而设计,涵盖算法哲学构思、交互式生成艺术实现和参数探索。它结合计算美学与前端开发,允许用户通过种子随机性和动态控件生成独特艺术变体。适用于生成艺术、前端开发、交互设计等领域。关键词:算法艺术、生成艺术、p5.js、交互式艺术、前端开发、种子随机性、参数控制、计算美学。
Three.js三维网页开发技能Skill threejs
Three.js是一个基于WebGL/WebGPU的JavaScript库,用于构建高性能的3D网页应用,包括场景渲染、动画制作、自定义着色器、PBR材质、VR/XR体验、游戏开发、数据可视化、产品配置器等。关键词:Three.js, WebGL, WebGPU, 3D网页开发, 前端开发, 图形编程, 交互式体验, 3D场景, 动画, 着色器, PBR材质, VR/XR, 游戏, 数据可视化。
同步文档Skill sync-docs
该技能用于自动生成和验证前端工具fe-tools的文档,通过运行TypeDoc命令生成API文档输出,确保代码与文档对齐,提升开发效率和维护性。适用于文档更新、TypeDoc输出生成和文档验证场景。关键词:文档生成、TypeDoc、前端开发、fe-tools、文档验证、代码同步、API文档、开发工具。
TailwindCSS-实用优先样式Skill tailwind-design-system
这个技能使用Tailwind CSS实用类创建一致、可扩展的设计系统,适用于前端开发中的样式管理、设计令牌实现、响应式布局构建等,关键词包括Tailwind CSS、设计系统、前端开发、响应式设计、自定义主题、暗色模式、设计令牌、CSS框架。
无障碍网页开发(WCAG)Skill accessibility-wcag
此技能专注于构建遵循WCAG 2.1/2.2标准的无障碍网页应用,确保网站对所有用户可访问,包括使用辅助技术的用户。涉及语义HTML、ARIA属性、键盘导航、屏幕阅读器支持、包容性设计等关键技术。关键词:无障碍开发、WCAG合规、网页可访问性、ARIA、键盘导航、屏幕阅读器、SEO搜索。
算法艺术Skill algorithmic-art
这个技能专注于使用p5.js创建算法艺术,通过生成艺术、种子随机性、交互式参数探索、算法哲学、粒子系统和流场等技术,实现代码驱动的艺术创作。它强调过程美、算法表达和计算美学,允许用户自定义参数和种子,探索无限变体。关键词:算法艺术、p5.js、生成艺术、交互式参数、种子随机性、计算美学、代码艺术、前端开发、艺术生成。
前端设计技能Skill frontend-design
这个技能用于创建独特、生产级别的前端界面,注重高设计质量,避免通用AI美学,适用于构建Web组件、页面或应用程序。关键词包括前端开发、UI设计、代码实现、创意美学、生产级代码。
基兰TypeScript代码审查技能Skill kieran-typescript-reviewer
此技能用于审查TypeScript代码变更,确保类型安全、现代模式、可维护性和高质量标准。基于基兰的严格惯例,适用于新功能实现、代码修改或创建新组件后的审查。关键词:TypeScript代码审查、类型安全、代码质量、前端开发、软件测试。
FumadocsMDX结构指南Skill fumadocs-mdx-structure
该技能用于创建和管理Fumadocs平台的MDX文档文件,包括前置元数据设置、组件导入、安装命令生成和代码示例编写,适用于前端开发中的8-bit组件文档化工作。关键词:MDX文档、前端开发、组件集成、Fumadocs、8-bit组件、文档结构。
动态导入懒加载技术Skill bundle-dynamic-imports
这个技能涉及使用 Next.js 框架的 `next/dynamic` 功能实现组件懒加载,以优化网页性能和用户体验。适用于在初始渲染时不需要的大型组件,如代码编辑器、图表、富文本编辑器等。通过动态导入,可以减少初始加载时间,提升应用响应速度。关键词:动态导入、懒加载、Next.js、前端优化、性能提升、组件加载、代码分割。