前端开发 Skill技能列表
常见开发陷阱预防指南Skill common-pitfalls
本技能是一个全面的代码审查与陷阱预防工具，专注于现代Web开发中的常见错误模式。它通过自动化检查，帮助开发者在代码审查、提交前和调试阶段，系统性地识别并预防在TanStack Query、Drizzle ORM、Express API、React、WebSocket、区块链RPC和安全等领域的高频问题。关键词：代码审查，陷阱预防，Web开发，React，区块链，安全，最佳实践，自动化检查，开发效率。
前端UI/UX设计开发Skill frontend-ui-ux
前端UI/UX设计开发技能，专注于用户界面和用户体验的设计与实现，涵盖组件设计、响应式布局、设计系统一致性、可访问性合规等核心能力，适用于网页和应用程序开发，便于SEO搜索关键词如前端开发、UI设计、UX设计、网页设计、组件开发、响应式设计、设计系统、可访问性。
Prettier插件Skill prettier-plugins
此技能专注于Prettier插件的各个方面，包括插件生态系统、自定义解析器和插件开发，旨在帮助开发者掌握代码格式化工具的高级应用。关键词：Prettier插件, 代码格式化, JavaScript开发, 前端工具, 插件开发, SEO
构建Logseq插件Skill building-logseq-plugins
专家指导构建与新数据库架构兼容的 Logseq 插件，自动触发插件创建、API 使用、功能扩展或数据库图插件开发帮助，涵盖插件结构、API 使用和数据库特定考虑。
React测试Skill react-testing
React测试技能涵盖了使用Jest和React Testing Library进行组件渲染、用户交互和异步状态管理的测试模式。
Storybook组件文档编写Skill storybook-component-documentation
这个技能专注于使用Storybook创建和改进组件文档，通过autodocs、MDX和JSDoc实现自动化文档生成，提高前端开发效率。关键词：Storybook, 组件文档, 前端开发, 自动文档, MDX, JSDoc, SEO优化
LimeECharts技能Skill lime-echart
Lime ECharts 技能是一个用于 UniApp 和 UniAppX 平台的图表库插件，帮助开发者快速创建和配置各种数据可视化图表，如折线图、柱状图、饼图等，支持跨平台兼容、交互功能和性能优化。关键词包括：lime-echart, 数据可视化, 图表, uniapp, 前端开发。
Svelte框架开发指导Skill svelte
此技能提供Svelte前端框架的全面学习与应用指导，涵盖组件开发、响应式编程、状态管理、动画过渡和编译等核心功能，帮助用户快速掌握Svelte进行高效Web应用开发。关键词：Svelte、前端框架、组件开发、响应式编程、Web开发、存储管理、编译优化。
FrontendDeveloperAgentSkill develop-frontend
这项技能涉及使用Next.js/React技术栈进行前端开发，包括UI实现、API集成、状态管理等关键环节，确保项目在前端的高质量交付。
原子设计模板Skill atomic-design-templates
原子设计模板技能用于在前端开发中，基于原子设计方法论创建可重用的页面布局模板。它涉及定义内容区域、实现响应式设计、组合组件以提高开发效率和一致性。关键词包括原子设计、模板、页面布局、前端开发、React、CSS、响应式设计、组件组合。
视频制作人Skill video-producer
这是一个基于Remotion的视频制作技能，能够从自然语言描述中端到端生成完整视频。它协调叙事结构、场景动画、视觉风格和渲染，适用于制作产品宣传视频、排版作品、社交媒体动画等。关键词：视频制作、Remotion、动画、宣传视频、自然语言处理、前端开发、创意设计。
Chrome扩展UX/UI最佳实践Skill chrome-extension-ui
这个技能提供了Chrome浏览器扩展的用户体验和用户界面设计的最佳实践指南，涵盖组件选择、可访问性、弹出窗口、侧边栏、内容脚本UI等关键方面，优化Manifest V3兼容性，旨在帮助开发者创建高效、易用且符合规范的扩展。关键词：Chrome扩展、UX/UI设计、最佳实践、前端开发、浏览器扩展、Manifest V3、设计指南。