前端开发 Skill技能列表
create-typescript-x402-nextjsSkill create-typescript-x402-nextjs
创建带有x402支付保护的Next.js应用程序，利用Algorand区块链支付实现HTTP 402支付门控路由。
ReactWeb技能Skill react-web
React Web 开发技能，涵盖测试先行开发、组件和钩子测试模式、项目结构、组件模式、状态管理、路由、样式、表单处理、测试策略和性能优化。关键词：React, 测试先行，组件开发，状态管理，React Router，CSS 模块，Tailwind, 性能优化。
ShopifyApp开发技能Skill shopify-apps
Shopify App开发技能涉及使用Remix框架、Admin API和结账UI扩展来构建Shopify应用，关键词包括Shopify、Remix、Admin API、结账扩展。
Supabase+Next.js技能Skill supabase-nextjs
利用Supabase和Drizzle ORM构建Next.js应用，实现认证、数据库查询和实时数据更新。
TypeScript技能Skill typescript
TypeScript 技能涵盖了使用 TypeScript 进行严格模式编程，结合 ESLint 和 Jest 进行代码质量和测试保障的最佳实践。关键词包括：TypeScript, ESLint, Jest, 代码质量，测试覆盖率。
UI设计技能（Web）Skill ui-web
这个技能涵盖了Web UI设计的现代趋势和技术，包括玻璃形态效果、Tailwind CSS框架的应用、暗色模式的实现，以及确保可访问性的核心原则。关键词包括：玻璃形态、Tailwind、暗色模式、可访问性。
动效设计技能Skill motion-design
动效设计技能专注于创建用户界面中的动画效果，包括HUD动画、时序管理、弹簧物理、微交互等，旨在提升用户体验、提供反馈并确保可访问性。适用于前端开发、UI设计和性能优化场景。关键词：动效设计、UI动画、前端动画、CSS动画、JavaScript动画、性能优化、无障碍设计、HUD动画。
可视化画布沙盒Skill sandbox
可视化画布沙盒是一个用于实时预览和代理驱动UI开发的工具。它允许用户通过简单的命令将HTML内容推送到一个动态更新的画布服务器，实现快速原型设计、仪表板构建和界面预览。该工具支持截图、状态监控和内容重置，是前端开发、UI/UX设计和实时协作场景下的高效助手。关键词：HTML画布，实时预览，UI沙盒，前端开发，仪表板，代理驱动界面。
智能文档助手Skill context7
Context7智能文档助手是一款专为开发者设计的AI工具，能够实时获取和查询最新技术库文档。通过API接口，该技能可快速搜索React、Next.js、Supabase等主流开发框架的官方文档，提供准确的API参考、最佳实践和版本信息。关键词：文档查询、API参考、开发工具、实时文档、技术库搜索、编程助手、版本管理、开发效率。
前端设计Skill frontend-design
前端设计技能专注于创建具有高设计质量、独特且可直接用于生产环境的前端用户界面。它强调跳出常规的AI生成美学，通过创意性的排版、色彩、动效和空间构成，打造令人难忘的视觉体验。该技能适用于构建Web组件、单页或完整应用程序，要求开发者具备深刻的设计思维，能够根据项目目的、受众和约束，选择并坚定执行一个大胆的美学方向（如极致简约、复古未来、工业实用等），最终交付功能完善、细节精致、具有强烈品牌识别度的代码。
FrontendResponsiveDesignStandardsSkill FrontendResponsiveDesignStandards
构建响应式、移动优先的布局，使用流体容器、灵活单位、媒体查询和触摸友好设计，适用于所有屏幕尺寸。当创建或修改UI布局、响应式网格、断点样式、移动导航或任何需要适应不同屏幕尺寸的界面时使用此技能。适用于涉及多设备支持、响应式设计模式或自适应布局的任何任务。
MarkdownURL代理Skill markdown-url
Markdown URL 代理技能是一个自动化工具，用于将网页URL重写为通过markdown.new服务访问，从而获取页面的Markdown格式内容。该技能主要用于网页内容提取、文档阅读、笔记整理和文本摘要，适用于技术文档、博客文章、GitHub讨论等只读场景。它能提供更干净、可复制的文本视图，提升信息处理效率。关键词：Markdown转换，URL重写，内容提取，网页转Markdown，文档整理，自动化工具。