构建可用于生产的响应式界面,处理组件、布局、状态与 WCAG 无障碍要求。
插件市场
为你的 Agent,找到合适的能力。
插件排行榜
你想用 Agent 完成什么?
- #9
- #31
使用现代前端组件构建具有交互和多页面结构的 Web 作品。
- #98
design-mobile-apps
Skill先设计移动端界面,再实现为 React Native 或 HTML 页面。
- #99
animate
Skill为界面设计和实现动画,改善交互反馈与过渡效果。
- #166
lark-apps
Skill使用妙搭(Spark/Miaoda)构建全栈应用,完成界面、集成、托管和运行排查;不用于普通云盘或文档操作。
- #192
以设计品味和工程约束构建前端界面,优化布局、字体和视觉细节。
- #233
ui-ux-pro-max
Skill为网站和应用提供 UI / UX 设计方案,涵盖布局、配色、字体与实现建议。
- #260
shadcn
Skill使用 shadcn/ui 组件构建和调整界面,处理样式与组件组合。
- #268
image-to-ui
Skill依据截图或图像实现对应界面,匹配布局、样式和组件。
- #269
uizze-ui
Skill使用 Uizze 构建并打磨前端界面和交互组件。
- #273
使用 Tailwind CSS v4、设计 Token、组件库和响应式模式构建可扩展设计系统。
- #321
打磨界面的动画、悬停、阴影、边框、字体、图标与微交互,支持快速或完整审查。
- #387
从现有界面提取设计系统,整理配色、字体、组件与样式规范。
- #446
gsap-core
Skill使用 GSAP 核心 API 创建补间动画,并控制属性与播放行为。
- #447
gsap-frameworks
Skill在 Vue、Svelte 等非 React 框架中使用 GSAP,管理生命周期、选择器作用域与清理。
- #449
gsap-plugins
Skill使用 GSAP 插件实现滚动、拖拽、文字、SVG 与物理动效,并处理插件注册。
- #450
gsap-react
Skill在 React 或 Next.js 中使用 GSAP,处理 useGSAP、引用、作用域与卸载清理。
- #451
gsap-scrolltrigger
Skill使用 GSAP ScrollTrigger 创建滚动联动、视差、固定区块和进度驱动动画。
- #452
gsap-timeline
Skill使用 GSAP 时间线编排动画顺序、嵌套片段、位置参数与播放控制。
- #559
figma
插件集成 Figma 设计平台,访问设计文件、提取组件和设计令牌,并将设计转为代码,衔接设计与开发流程。
目录展示普通收录;适用范围和安装依据请查看详情。