od-vue-export
设计多媒体 · Vue 组件导出 · 设计稿转代码 · Vue3 单文件组件 · Tailwind 样式适配 · 无障碍语义保留
当用户希望把已确认的 OpenDesign 工件交付给一个 Vue 3 项目时使用此插件。
用自然语言找工具、提示词、技能、MCP 与工作流。
已理解:
共 0 条
设计多媒体 · Vue 组件导出 · 设计稿转代码 · Vue3 单文件组件 · Tailwind 样式适配 · 无障碍语义保留
当用户希望把已确认的 OpenDesign 工件交付给一个 Vue 3 项目时使用此插件。
设计多媒体 · GSAP 动画集成 · Vue 动画开发 · Svelte 动画支持 · 组件卸载清理 · 框架生命周期绑定
面向 Vue、Svelte 以及其他非 React 框架的官方 GSAP 技能 — 涉及生命周期、选择器作用域以及卸载时的清理。当用户希望在 Vue、Nuxt、…
研究分析 · skill · agent-skill · ui · to · vue · affaan-m · ECC · ai-agent
在用户需要将 UI 截图或设计稿批量转换为 Vue 3 组件(尤其是使用 Vant、Element Plus 或 Ant Design Vue)时使用。
编程协作 · Vue3 组件设计 · 组合式 API 实践 · Pinia 状态管理 · 路由导航配置 · Nuxt 服务端渲染
Vue.js 3 Composition API patterns, component architecture, reactivity best pract…
编程协作 · 性能优化 · 资源提示 · 前端开发 · preload · prefetch
用于审查与“使用资源提示以加快加载”相关的页面加载缓慢、资源过大或渲染延迟问题。在提出变更建议之前,请先在 DevTools、Lighthouse 或线上数据中…
研究分析 · 界面截图转代码 · Vue 3组件生成 · Element Plus集成 · Vant组件库 · Ant Design Vue集成
将UI截图或设计导出批量转换为Vue 3组件时使用。支持Vant、Element Plus、Ant Design Vue。
开发工具 · figma · vue · component-generator
Figma设计一键转Vue3组件,自动生成TS和响应式代码,前端开发快多了。
开发工具
连上 Figma 就能自动生成 UI 代码,设计变开发快得像开了挂。
开发工具
快速定位TypeScript符号定义,连第三方库的也能查,代码跳转超省心。
研究与数据
用MCP协议直连OpenDigger数据,让AI分析开源趋势像查天气一样简单。
研究与数据 · design · AI · figma · 大语言模型 · genai
AI一键搞定设计灵感、Figma同步到代码,全流程自动化免费用。