构建可用于生产的响应式界面,处理组件、布局、状态与 WCAG 无障碍要求。
插件市场
为你的 Agent,找到合适的能力。
插件排行榜
你想用 Agent 完成什么?
- #9
- #22
brand-guidelines
Skill将品牌配色、字体及视觉规范应用到设计作品。
- #25
frontend-design
Skill设计并实现具有鲜明视觉风格、可用于生产的前端界面。
- #30
theme-factory
Skill为文档、演示和网页等作品应用一致的配色与字体主题。
- #94
site-architecture
Skill规划网站信息架构、页面层级和内部链接,兼顾导航与搜索发现。
- #98
design-mobile-apps
Skill先设计移动端界面,再实现为 React Native 或 HTML 页面。
- #99
animate
Skill为界面设计和实现动画,改善交互反馈与过渡效果。
- #100
animate-expo
Skill为 Expo 应用设计并实现流畅的移动端动画。
- #101
animation-vocabulary
Skill建立界面动画术语,帮助准确描述动效、时序与交互行为。
- #102
apple-design
Skill依据 Apple 风格设计界面,打磨动效、手势和交互细节。
- #103
ask-sonner
Skill使用 Sonner 为 React 应用实现 Toast 通知。
- #105
emil-design-eng
Skill将设计与前端工程结合,打磨界面布局、交互和视觉细节。
- #106
寻找界面中适合加入动画的交互和状态变化。
- #107
improve-animations
Skill检查并改进界面动画,优化缓动、节奏和交互反馈。
- #108
mobile-native
Skill通过布局、样式和交互细节,让移动端网页接近原生应用体验。
- #109
pick-ui-library
Skill在明确要求选择 UI 库时,比较需求与候选方案并给出建议。
- #110
prototype
Skill创建多个界面原型,并通过可视化选择器比较设计方案。
- #111
review-animations
Skill审查界面动画的时序、缓动和交互质量,并提出改进建议。
- #134
figma
Skill将 Figma 设计素材与动态分镜导入 HeyGen 视频制作流程。
- #141
higgsfield-brandkit
Skill使用 Higgsfield 制作品牌视觉套件,保持品牌素材与设计规范一致。
目录展示普通收录;适用范围和安装依据请查看详情。