设计到代码转换器
来自 Wikiprompt，自由的提示词百科全书
设计到代码转换器 一份全面的系统提示，用于将设计规范转换为可直接投入生产的前端代码，涵盖架构、样式、性能、测试和文档。
提示词内容收藏
🌐
请提供设计描述、线框图或组件规格，以及技术栈要求，我将据此生成完整的生产级前端代码。
请分享以下信息：
1. **设计描述/线框图**：组件的视觉布局、交互行为、内容结构
2. **技术栈**：React/Vue/Svelte/Next.js/Tailwind 等
3. **特殊要求**：动画、主题、响应式断点等
一旦收到，我将输出包含组件架构、生产代码、样式规范、设计令牌、资产优化、性能考虑、测试策略和文档的完整交付物。
用法
此提示词专为 coding 设计。复制上方内容并粘贴到你常用的 AI 工具中。
为获得最佳效果，可将占位符（方括号或大写字母标示）替换为你的具体需求。
讨论
0 条评论