1快速生成具有设计感的UI组件代码
- 1在Tastemaker中输入描述性文本,例如“一个卡片组件,带有圆角、阴影和渐变背景”
- 2根据生成的代码预览效果,可多次迭代提示词优化输出
- 3将满意的组件代码直接复制到项目中集成
2为现有代码库应用一致的视觉风格
- 1提供一份设计规范或参考图片(如色彩、字体、间距)作为输入
- 2使用Tastemaker生成遵循该规范的CSS或Tailwind样式代码
- 3将生成的样式代码应用到项目中的对应元素,确保整体设计一致性
3从设计草图或截图生成前端代码
- 1上传设计草图或应用界面的截图到Tastemaker
- 2描述所需的交互逻辑(如点击按钮弹出模态框)
- 3获取生成的HTML/CSS/JS代码,并在本地环境中测试调整
