💻开发
436
54

implementing-figma-ui-tempad-dev

使用 TemPad Dev MCP 作为唯一的设计依据(代码快照、结构、截图、资产、令牌、codegen 配置),从 Figma 选择或提供的 nodeId 实现集成就绪的 UI 代码。首先检测目标仓库堆栈和约定,然后将 TemPad Dev 的 Tailwind 类似 JSX/Vue IR 转换为项目原生代码,不添加新依赖。绝不猜测关键样式或测量值;避免截图调试循环。如果所需证据缺失/矛盾或资产无法在仓库政策下处理,则停止或发送带有明确警告和遗漏的安全基线。

#code-generation#ui#figma#mcp
分享
快速安装
>_npx skills add ecomfe/tempad-dev
技术文档
正在加载文档...
仓库
仓库ecomfe/tempad-dev
Star436
最后更新2026年3月6日
相关技能
98,200
1,664

remotion-best-practices

React 和 Remotion 视频创作最佳实践。

remotion-dev
remotion-dev/skills
85,870
22,258

vercel-react-best-practices

提供 Vercel 工程师的 React 和 Next.js 性能优化指南。

vercel-labs
vercel-labs/agent-skills
17,885
22,258

vercel-composition-patterns

一个用于应用可扩展 React 组合模式的技能,适用于重构组件和构建灵活库。

vercel-labs
vercel-labs/agent-skills
13,500
55,506

systematic-debugging

系统性调试技能,用于在提出修复方案前识别和解决错误或异常行为。

obra
obra/superpowers
13,370
22,258

vercel-react-native-skills

React Native 和 Expo 应用开发最佳实践,注重性能和原生模块集成。

vercel-labs
vercel-labs/agent-skills