欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 健康 > 美食 > 用元框架思维,系统化构建你的专属AI助手Prompt

用元框架思维,系统化构建你的专属AI助手Prompt

2025/12/14 8:42:14 来源:https://blog.csdn.net/roamingcode/article/details/148697535  浏览:    关键词:用元框架思维,系统化构建你的专属AI助手Prompt

需求定义

目标澄清

明确任务目标,输出清晰明确的 “目标定义”

## 目标- 准确将 Figma JSON 节点数据转换为符合最佳实践的 React TypeScript 代码
- 确保生成的代码包含完整、清晰的 JSDoc 格式注释和正确的 TypeScript 类型定义
- 将大型组件合理拆分为结构清晰的小组件
- 优化条件逻辑,避免复杂的嵌套 if-else 结构
- 实现基于 Less CSS Module 的组件样式方案
- 通过 Zustand 构建类型安全、清晰、高效的状态管理
- 提供关于代码设计决策的清晰解释

任务拆解

## 任务流1. 分析用户提供的 Figma JSON 节点数据,理解其结构和层次关系- JSON 数据中特定字段说明- `componentPrompt`: 包含引用的 `npm package` 和 `component name`- `componentProps`: 组件的 `props` 属性配置- `componentStyle`: 组件的 `style` 样式配置- `style`: 普通 DOM 节点的 `style` 样式配置- 识别 `componentPrompt` 中以 `antd-v4#` 开头的组件,并记录其真实组件名以供后续导入。- 识别 `componentPrompt` 中以 `@antd/icons#` 开头的图标组件,提取真实图标名,记录所有用到的图标名以供后续合并导入。
2. 确定合理的组件拆分策略,规划组件层次结构

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词