前端开发 Skill技能列表
Obsidian剪报模板创建器Skill obsidian-clipper-template-creator
这个技能用于创建 Obsidian Web Clipper 的模板，帮助用户通过定义工作流、分析网页数据和构建JSON模板来自定义剪报内容。关键词：Obsidian, Web Clipper, 模板, JSON, 网页分析, 数据提取。
Next.js应用路由器模式Skill nextjs-app-router-patterns
本技能专注于Next.js 14+应用路由器的架构模式，涵盖服务器组件、流式渲染、并行路由和高级数据获取，适用于构建高性能全栈React应用，提升开发效率和SEO优化，关键词：Next.js, 应用路由, 服务器组件, 流式渲染, 并行路由, 数据获取, React, 前端开发, SEO。
前端设计技能Skill frontend-design
前端设计技能专注于创建独特、生产就绪的前端用户界面，结合设计思维与代码执行，适用于网页、组件和应用程序的开发。关键词：前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。
构件生成器Skill artifacts-builder
构件生成器是一套工具，用于使用React、TypeScript、Vite、Tailwind CSS和shadcn/ui等现代前端技术构建复杂的、多组件的HTML构件，可捆绑成单个HTML文件以便共享。关键词：构件生成器、前端开发、React、TypeScript、HTML构件、捆绑工具、claude.ai、前端工具、响应式设计。
算法艺术Skill algorithmic-art
算法艺术技能专注于使用p5.js库通过编程代码创建生成式艺术，强调种子随机性以确保作品可复现，并支持交互式参数探索。适用于代码艺术、生成艺术、流场模拟、粒子系统等创意编码项目，关键词包括：算法艺术、生成艺术、p5.js、代码艺术、流场、粒子系统、创意编码、可视化。
代码修复助手Skill fix
这是一个用于系统化修复代码问题的技能。它遵循严格的流程，首先识别并分类问题（严重、高、中、低），然后制定修复计划并应用最小化更改。核心功能包括处理编译错误、内存泄漏、安全漏洞、代码规范问题等，并内置了处理缺失导入、清理副作用、类型修复等常见模式的指南。适用于代码审查后的自动化修复、日常开发中的问题排查与维护。关键词：代码修复，问题排查，代码审查，自动化修复，软件开发，质量保证，TypeScript，React，副作用清理。
TypeScript库开发Skill ts-library
这个技能专注于TypeScript库的高质量开发，提供从项目初始化到发布的完整指南，包括双格式支持、构建工具配置、API设计模式和测试策略。关键词：TypeScript、库开发、ESM、CJS、tsdown、unbuild、API设计、类型安全、vitest、CI/CD。
Next.js最佳实践Skill nextjs-best-practices
这是一个关于Next.js App Router开发的最佳实践技能，涵盖服务器组件与客户端组件的决策树、数据获取模式、路由原则、API路由、性能优化、缓存策略和反模式等，适用于前端开发人员提升Next.js应用质量和效率。关键词包括：Next.js, App Router, 服务器组件, 数据获取, 路由, 前端开发, 性能优化, 缓存策略, 反模式。
可复用部件设计模式技能Skill robius-widget-patterns
这个技能提供了基于Robrix和Moly代码库的Makepad部件设计最佳实践，包括可复用部件、模态对话框、拖放重排序、动态样式应用等多种模式，帮助开发者高效创建和优化UI组件。关键词：Makepad部件、可复用设计、模态、拖放、优化、UI组件、设计模式、前端开发、软件开发。
Robius状态管理技能Skill robius-state-management
这个技能提供了在基于Robrix和Moly代码库的Makepad应用中实现状态管理和持久化的最佳实践。它涵盖了应用状态结构设计、状态通过Scope在组件树中传播、持久化层实现（如保存和加载状态）、以及跨会话管理UI状态。关键词包括：状态管理、持久化、AppState、Scope、serde、主题切换、状态传播、保存状态、加载状态。
重构UI设计系统Skill refactoring-ui
重构UI设计系统是一个基于Refactoring UI理念的实用UI设计框架，用于帮助开发者通过系统化方法改善视觉层次、间距排版、颜色搭配、深度阴影、图像图标和布局构图，提升前端开发效率和UI专业度，适用于Tailwind CSS和响应式设计。关键词包括UI设计、前端开发、视觉层次、间距排版、颜色调色板、Tailwind CSS、界面优化、设计系统、用户体验。
TypeScriptJSDoc文档编写Skill typescript-jsdoc
TypeScript JSDoc 文档编写技能专注于为TypeScript代码生成高效、清晰的JSDoc注释。它提供关于注释格式、最佳实践、策略性放置的指导，帮助开发者提升代码可读性、可维护性，并增强IDE的智能提示和文档支持。关键词：TypeScript, JSDoc, 代码文档, 注释规范, 开发工具, API文档, 代码维护, 编程规范。