前端开发 Skill技能列表
3DWeb体验Skill 3d-web-experience
此技能专注于使用Three.js、React Three Fiber和WebGL等技术构建网页上的3D体验，包括产品配置器、交互式场景和沉浸式网站，平衡视觉冲击与性能优化，提升用户体验和SEO友好性。关键词：3D网页开发、Three.js、React Three Fiber、WebGL、交互式3D、产品可视化、性能优化、前端技术。
算法艺术Skill algorithmic-art
这个技能用于创建算法艺术，通过p5.js库实现种子随机性和交互式参数探索，生成独特的生成式艺术作品。关键词：算法艺术、生成式艺术、p5.js、交互式参数、前端开发、艺术生成、计算美学、Web技术、创意编程、数字艺术
泳道可视化Skill swimlane-visualization
泳道可视化技能用于设计泳道用户界面模式，以实时可视化AI Developer Workflow的执行。适用于构建观测性仪表板、监控代理工作流进度和创建实时状态显示。关键词包括：泳道可视化、UI设计、前端开发、实时更新、AI工作流、WebSocket集成、事件监控、工作流调试。
现代Web应用架构技能Skill modern-web-app-architecture
本技能提供现代Web应用架构的全面指导，涵盖SPA、SSR、SSG、RSC等渲染策略，专注于架构权衡、状态管理、性能优化、测试和团队扩展。关键词：Web应用、架构设计、前端开发、性能优化、SEO、状态管理、测试策略。
基兰TypeScript代码审查技能Skill kieran-typescript-reviewer
此技能用于审查TypeScript代码变更，确保类型安全、现代模式、可维护性和高质量标准。基于基兰的严格惯例，适用于新功能实现、代码修改或创建新组件后的审查。关键词：TypeScript代码审查、类型安全、代码质量、前端开发、软件测试。
状态管理顾问Skill state-management-advisor
这个技能专注于React应用中的状态管理，帮助开发者选择和实施合适的解决方案，包括Context、Zustand、Redux Toolkit、TanStack Query和Jotai，用于处理本地状态、全局状态和服务器状态。关键词：React状态管理，全局状态管理，服务器状态管理，前端开发。
React组件模式Skill component-patterns
这个技能涵盖React中各种组件模式，如组合模式、自定义钩子、渲染属性、高阶组件和复合组件，用于构建高效、可维护的前端UI组件。关键词：React组件、组合、自定义钩子、渲染属性、高阶组件、复合组件、性能优化、前端开发、代码分割、虚拟滚动。
shadcn-ui组件约定Skill shadcn-ui-conventions
这个技能提供了在 shadcn/ui 框架下开发 UI 组件的约定，特别适用于创建和修改 8 位复古风格的组件。它涵盖了导入模式、类型定义、引用处理和样式管理，确保代码的一致性和可维护性。关键词：shadcn/ui, UI 组件, 8 位复古风格, 前端开发, 组件约定, 代码规范。
复古CSS架构Skill retro-css-architecture
复古CSS架构是一种前端开发技能，专注于使用CSS自定义属性、像素字体和响应式设计模式来组织和构建8-bit复古风格的网页组件。它应用于创建或修改复古主题的网页界面，涉及自定义CSS组织、像素字体集成、图像像素化处理、暗模式适配和响应式布局。关键词：CSS架构、复古风格、像素字体、响应式设计、前端开发、8-bit设计、像素艺术、Tailwind工具、暗模式、网页组件。
条件渲染技巧：使用三元运算符Skill rendering-conditional-render
这个技能用于在前端开发中优化条件渲染，特别是在 React 和 TypeScript 环境中。通过使用显式三元运算符替代逻辑与运算符，避免当值为 0、NaN 或其他假值时意外渲染，提升代码可靠性和用户体验。关键词包括：条件渲染、三元运算符、React、TypeScript、前端开发、假值处理、优化技巧。
Makepad基础技能Skill makepad-basics
这个技能是关于使用Rust的makepad-widgets库进行跨平台UI开发的入门指南。它帮助开发者快速上手Makepad，学习如何编写实时设计的UI代码，处理事件，并构建适用于多个平台的应用。关键词：Rust, Makepad, UI开发, 跨平台, 实时设计, 前端开发, 入门教程。
Makepad布局技能Skill makepad-layout
Makepad布局技能是一个专门用于Makepad UI框架的布局系统工具，帮助开发者编写布局代码、解释布局概念，如宽度、高度、对齐等，并生成Rust代码模式。关键词：Makepad, UI布局, Rust, 前端开发, 布局系统, GUI设计