AI AgentSkills

UI/UX 设计智能工具。包含50种风格、21种配色方案、50组字体搭配、20种图表、9种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。支持的操作：规划、构建、创建、设计、实现、评审、修复、改进、优化、增强、重构、检查UI/UX代码。适用项目：网站、着陆页、仪表盘、管理面板、电商平台、SaaS、作品集、博客、移动应用、.html、.tsx、.vue、.svelte。设计元素：按钮、模态框、导航栏、侧边栏、卡片、表格、表单、图表。设计风格：glassmorphism、claymorphism、极简主义、粗野主义、neumorphism、bento grid、深色模式、响应式设计、拟物化设计、扁平化设计。相关主题：配色方案、无障碍设计、动画、布局、排版、字体搭配、间距、悬停效果、阴影、渐变。集成功能：shadcn/ui MCP 组件搜索与示例。

自动执行浏览器交互操作，可用于网页测试、表单填写、截图和数据提取。当用户需要导航网站、与网页交互、填写表单、截取屏幕或从网页提取信息时使用。

构建高性能移动应用的React Native和Expo最佳实践。适用于构建React Native组件、优化列表性能、实现动画或使用原生模块的场景。当涉及React Native、Expo、移动性能或原生平台API的任务时触发。

创建高效Skill的指南。当用户想要创建新Skill（或更新现有Skill），以通过专业知识、工作流或工具集成扩展Claude的能力时，应使用本Skill。

可扩展的React组合模式。适用于重构存在大量布尔型props的组件、构建灵活的组件库或设计可复用API的场景。适用于涉及复合组件、渲染属性、上下文提供者或组件架构的任务。包含React 19 API变更内容。

面向AI Agent的浏览器自动化CLI工具。当用户需要与网站交互时使用，包括页面导航、表单填写、点击按钮、截图、数据提取、Web应用测试或任何浏览器任务自动化。触发场景包括“打开网站”“填写表单”“点击按钮”“截图”“从页面抓取数据”“测试这个Web应用”“登录网站”“自动化浏览器操作”或任何需要程序化Web交互的任务。

创建具有高设计质量、与众不同的生产级前端界面。当用户要求构建Web组件、页面、制品、海报或应用（例如网站、着陆页、仪表盘、React组件、HTML/CSS布局，或者对任何Web UI进行样式设计/美化）时，使用此技能。生成富有创意、经过打磨的代码和UI设计，避免通用AI美学风格。

Remotion最佳实践 - 基于React的视频创作