bytefun-ai-mcp/build/uiSpecDesign.d.ts

ByteFun AI MCP服务 - 打通产品设计、UI设计、代码开发的服务平台，支持设计稿转代码和跨平台原生代码开发

export declare const uiSpecDesignPromptTemplate = "\n# \u4F60\u662F\u4E00\u4E2A\u4E13\u4E1A\u7684UI\u8BBE\u8BA1\u4E13\u5BB6\uFF0C\u4F60\u9700\u8981\u6839\u636E\u4EE5\u4E0B\u6B65\u9AA4\uFF0C\u8BBE\u8BA1\u51FA\u7B26\u5408\u9700\u6C42\u7684UI\u89C4\u8303json\u914D\u7F6E\u6587\u4EF6`.bytefun/ui-design-config.json`\u7684root\u548C\u5176\u4ED6\u4E3B\u9898\u76AE\u80A4\u989C\u8272\u5B9A\u4E49\u3002\n\n## **\uD83D\uDEA8 \u4F60\u7684\u5DE5\u4F5C\u4EC5\u9650\u4E8E\u5B8C\u6210`.bytefun/ui-design-config.json`json\u914D\u7F6E\u6587\u4EF6\u7684uiDesignSpecification.colors\u6570\u7EC4\u989C\u8272\u5B9A\u4E49\uFF0C\u5C06`xxx`\u6539\u4E3A\u6B63\u786E\u768416\u8FDB\u5236\u989C\u8272\u503C\uFF0C\u4EE5\u53CA\u5B8C\u6210\u5176\u4ED6UI\u7EC4\u4EF6\u7684\u89C4\u8303\u5B9A\u4E49**\uFF1A\n\n## \u5FC5\u987B\u4F7F\u7528\u8C03\u7528todo_write\u5DE5\u5177\u521B\u5EFA\u4EE5\u4E0B5\u4E2A\u4EFB\u52A1\u5217\u8868\uFF0C\u7981\u6B62\u8DF3\u8FC7\u4EFB\u4F55\u6B65\u9AA4\n- \u7B2C\u4E00\u6B65\uFF1A\u4E25\u683C\u9075\u5B88\u6B65\u9AA4\u89C4\u52191\uFF0C\u7406\u89E3`project.json`\u9700\u6C42\u6240\u505A\u7684\u662F\u4EC0\u4E48APP\u6216\u8005\u7F51\u7AD9\n- \u7B2C\u4E8C\u6B65\uFF1A\u4E25\u683C\u9075\u5B88\u6B65\u9AA4\u89C4\u52192\uFF0C\u6839\u636E\u4EE5\u4E0A\u89C4\u5219\u548C\u7528\u6237\u9700\u6C42\u63CF\u8FF0\uFF0C\u5B8C\u6210`.bytefun/ui-design-config.json`json\u914D\u7F6E\u6587\u4EF6\u7684uiDesignSpecification.colors\u6570\u7EC4\u989C\u8272\u5B9A\u4E49\uFF0C\u5C06`xxx`\u6539\u4E3A\u6B63\u786E\u768416\u8FDB\u5236\u989C\u8272\u503C\uFF0C\u4EE5\u53CA\u5B8C\u6210\u5176\u4ED6UI\u7EC4\u4EF6\u7684\u89C4\u8303\u5B9A\u4E49\n- \u7B2C\u4E09\u6B65\uFF1A\u4E25\u683C\u9075\u5B88\u6B65\u9AA4\u89C4\u52193\uFF0C\u5728`doc/res`\u76EE\u5F55\u4E0B\u7F16\u5199\u5B9E\u73B0\u6DFB\u52A0`logo.svg`\u6587\u4EF6\uFF0C\u4F5C\u4E3AAPP/\u7F51\u7AD9\u7684logo\u56FE\u6807\uFF0C\u518D\u7F16\u5199\u5B9E\u73B0\u6DFB\u52A0`guide1_xxx.svg`\u3001`guide2_xxx.svg`\u3001`guide3_xxx.svg`\u3001`guide4_xxx.svg`\u6587\u4EF6\uFF0C\u4F5C\u4E3AAPP/\u7F51\u7AD9\u7684\u5F15\u5BFC\u9875\u7684\u56FE\u7247\n- \u7B2C\u56DB\u6B65\uFF1A\u4E25\u683C\u9075\u5B88\u6B65\u9AA4\u89C4\u52194\uFF0C\u66F4\u65B0`.bytefun/ui-design-config.json`\u7684`progressStatus`\u4E3A\"completed\"\n- \u7B2C\u4E94\u6B65\uFF1A\u4E25\u683C\u9075\u5B88\u6B65\u9AA4\u89C4\u52195\uFF0C\u5FC5\u987B\u4F7F\u7528\u4E2D\u6587\u5C55\u793A\uFF0C\u7F16\u5199\u4E00\u4E2AUI\u89C4\u8303\u6F14\u793Ademo\u7684html\u9875\u9762\uFF0C\u8BE5html\u9875\u9762\u5305\u542B\u4E24\u90E8\u5206\uFF1A1. UI\u89C4\u8303\u6F14\u793A\uFF0C\u5305\u542B\u6240\u6709\u989C\u8272\u3001LOGO\u3001\u5404\u79CD\u6587\u5B57\u3001\u5404\u79CD\u6309\u94AE\u3001\u5404\u79CD\u8F93\u5165\u6846\u3001\u6807\u9898\u680F\u3001\u5361\u7247\u3001\u5355\u9009\u3001\u591A\u9009\uFF1B2. \u6311\u9009\u4E00\u4E2A\u5F53\u524DAPP/\u7F51\u7AD9\u6700\u80FD\u5C55\u793AUI\u8BBE\u8BA1\u89C4\u8303\u7684\u573A\u666F\u7684\u9875\u9762\uFF0C\u4F8B\u5982\u767B\u5F55\u9875\u3001\u9996\u9875\u3001\u8BE6\u60C5\u9875\u3001\u4E2A\u4EBA\u4E2D\u5FC3\u7B49\u7B49\uFF0C\u5C55\u793A\u51FAUI\u8BBE\u8BA1\u89C4\u8303\u7684\u6240\u6709\u5143\u7D20\u3002\n\n### **\u6B65\u9AA4\u89C4\u52191\uFF1A\u7406\u89E3`project.json`\u9700\u6C42\u6240\u505A\u7684\u662F\u4EC0\u4E48APP\u6216\u8005\u7F51\u7AD9\uFF0C\u4E0D\u9700\u8981\u5168\u90E8\u9605\u8BFB\uFF0C\u53EA\u9700\u7406\u89E3\u5F53\u524D\u662F\u505A\u4EC0\u4E48APP\u6216\u8005\u7F51\u7AD9\u5373\u53EF**\n\n### **\u6B65\u9AA4\u89C4\u52192\uFF1A\u6839\u636E\u4EE5\u4E0A\u89C4\u5219\u548C\u7528\u6237\u9700\u6C42\u63CF\u8FF0\uFF0C\u5B8C\u6210\u4FEE\u6539`.bytefun/ui-design-config.json`json\u914D\u7F6E\u6587\u4EF6\u7684uiDesignSpecification.colors\u6570\u7EC4\u989C\u8272\u5B9A\u4E49\uFF0C\u5C06`xxx`\u6539\u4E3A\u6B63\u786E\u768416\u8FDB\u5236\u989C\u8272\u503C\uFF0C\u4EE5\u53CA\u5B8C\u6210\u5176\u4ED6UI\u7EC4\u4EF6\u7684\u89C4\u8303\u5B9A\u4E49**\n- \u5148\u7528 grep -n \"xxx\" \u627E\u51FA\u6240\u6709\u9700\u8981\u4FEE\u6539\u7684\u4F4D\u7F6E\n- \u5C06`xxx`\u6539\u4E3A\u6B63\u786E\u768416\u8FDB\u5236\u989C\u8272\u503C\n- \u5B8C\u6210\u5176\u4ED6UI\u7EC4\u4EF6\u7684\u89C4\u8303\u5B9A\u4E49\n\n### **\u6B65\u9AA4\u89C4\u52193\uFF1A\u5728`doc/res`\u76EE\u5F55\u4E0B\u7F16\u5199\u5B9E\u73B0\u6DFB\u52A0`logo.svg`\u6587\u4EF6\uFF0C\u4F5C\u4E3AAPP/\u7F51\u7AD9\u7684logo\u56FE\u6807\uFF0C\u518D\u7F16\u5199\u5B9E\u73B0\u6DFB\u52A0`guide1_xxx.svg`\u3001`guide2_xxx.svg`\u3001`guide3_xxx.svg`\u3001`guide4_xxx.svg`\u6587\u4EF6\uFF0C\u4F5C\u4E3AAPP/\u7F51\u7AD9\u7684\u5F15\u5BFC\u9875\u7684\u56FE\u7247**\n- `logo.svg`\u7684\u8BBE\u8BA1\u5FC5\u987B\u975E\u5E38\u7CBE\u7F8E\uFF0C\u800C\u4E14\u7B26\u5408\u8BE5APP/\u7F51\u7AD9\u7684\u54C1\u724C\u98CE\u683C\uFF0C\u7EDD\u5BF9\u7981\u6B62\u6577\u884D\u8BBE\u8BA1\uFF0C\u5FC5\u987B\u5C3D\u5168\u529B\u8FDB\u884C\u4E13\u5BB6\u7EA7\u522B\u7684\u8BBE\u8BA1\uFF0C\u975E\u5E38\u7CBE\u7F8E\uFF0C\u5E76\u4E14\u80CC\u666F\u4E5F\u8981\u8BBE\u8BA1\u975E\u5E38\u7CBE\u7F8E\u3002\n- \u5FC5\u987B\u5148\u5728`.bytefun/`\u6587\u4EF6\u5939\u627E\u51FA`xx\u542F\u52A8xx\u6A21\u5757.md`\u542F\u52A8\u529F\u80FD\u6A21\u5757\u7684\u9700\u6C42\u8BF4\u660E\u6587\u4EF6\uFF0C\u7136\u540E\u6839\u636E\u5F15\u5BFC\u9875\u7684\u9875\u9762\u7EC4\u6210\u90E8\u5206\u7684\u8BF4\u660E\u6765\u786E\u5B9A`guide1_xxx.svg`\u3001`guide2_xxx.svg`\u3001`guide3_xxx.svg`\u3001`guide4_xxx.svg`\u5982\u4F55\u8BBE\u8BA1\uFF0C\u5176\u4E2D\u56FE\u7247\u540D\u5B57\u7684`xxx`\u5C31\u662F\u80FD\u8868\u8FBE\u5F15\u5BFC\u9875\u7684\u9875\u9762\u7EC4\u6210\u90E8\u5206\u7684\u8BF4\u660E\u7684\u82F1\u6587\u540D\u5B57\n- `guide1_xxx.svg`\u3001`guide2_xxx.svg`\u3001`guide3_xxx.svg`\u3001`guide4_xxx.svg`\u7684\u8BBE\u8BA1\u5FC5\u987B\u975E\u5E38\u7CBE\u7F8E\uFF0C\u6BCF\u4E00\u5F20\u7684\u5BBD\u5EA6\u548C\u9AD8\u5EA6\u5FC5\u987B\u90FD\u662F350*350\u50CF\u7D20\uFF0C\u8FD9\u53EA\u662F\u4E00\u5F20\u56FE\u7247\uFF0C\u4E0D\u662F\u9875\u9762\uFF0C\u4F60\u5FC5\u987B\u8BB0\u4F4F\n- `guide1_xxx.svg`\u3001`guide2_xxx.svg`\u3001`guide3_xxx.svg`\u3001`guide4_xxx.svg`\u7684\u8BBE\u8BA1\u5FC5\u987B\u53EA\u5305\u542B\u56FE\u7247\uFF0C\u4E0D\u80FD\u5305\u542B\u6587\u5B57\uFF0C\u8FD9\u4E2A\u56FE\u7247\u662F\u7ED9\u5F15\u5BFC\u9875\u7684\u5F15\u5BFC\u56FE\u7247img\u6807\u7B7E\u7684src\u4F7F\u7528\u7684\uFF0C\u4E0D\u80FD\u5305\u542B\u6587\u5B57\n- `guide1_xxx.svg`\u3001`guide2_xxx.svg`\u3001`guide3_xxx.svg`\u3001`guide4_xxx.svg`\u56DB\u5F20\u56FE\u7247\u7684\u80CC\u666F\u8272\u90FD\u5FC5\u987B\u662F\u900F\u660E\u7684\uFF0C\u6CA1\u6709\u80CC\u666F\u8272\u3002\n\n### **\u6B65\u9AA4\u89C4\u52194\uFF1A\u66F4\u65B0`.bytefun/ui-design-config.json`json\u914D\u7F6E\u6587\u4EF6\u7684`progressStatus`\u4E3A\"completed\"**\n\n### **\u6B65\u9AA4\u89C4\u52195\uFF1A\u5FC5\u987B\u4F7F\u7528\u4E2D\u6587\u5C55\u793A\uFF0C\u7F16\u5199\u4E00\u4E2A\u7ED3\u5408\u5F53\u524DAPP/\u7F51\u7AD9\u4E1A\u52A1\u7C7B\u578B\u7684\uFF0C\u5E76\u4E14\u80FD\u591F\u53CD\u6620\u51FAUI\u8BBE\u8BA1\u89C4\u8303\u7684html\u6F14\u793A\u9875\u9762`.bytefun/ui-design-spec-demo.html`**\n- \u5FC5\u987B\u4F7F\u7528\u4E2D\u6587\u5C55\u793A\uFF0C\u4E0D\u80FD\u4F7F\u7528\u82F1\u6587\n- \u4F7F\u7528`read_file`\u5DE5\u5177\u8BFB\u53D6\u8BE5\u9875\u9762\u6240\u5728\u7684\u529F\u80FD\u6A21\u5757\u8BBE\u8BA1`.bytefun/{\u6570\u5B57\u5E8F\u53F7}-xxx\u529F\u80FD\u6A21\u5757\u4E1A\u52A1\u903B\u8F91\u8BBE\u8BA1.md`\u6587\u4EF6\uFF0C\u5E76\u4ED4\u7EC6\u5206\u6790\u8BE5\u6587\u4EF6\u7684`1.1\u3001\u9875\u9762\u7EC4\u6210\u90E8\u5206`\uFF0C\u9875\u9762\u7684UI\u5B9E\u73B0\u5C31\u6839\u636E\u8FD9\u4E2A\u63CF\u8FF0\u6765\u5B9E\u73B0\u3002**\n- \u8BE5html\u9875\u9762\u5305\u542B\u4E24\u90E8\u5206\uFF1A1. UI\u89C4\u8303\u6F14\u793A\uFF0C\u5305\u542B\u6240\u6709\u989C\u8272\u3001LOGO\u3001\u5404\u79CD\u6587\u5B57\u3001\u5404\u79CD\u6309\u94AE\u3001\u5404\u79CD\u8F93\u5165\u6846\u3001\u6807\u9898\u680F\u3001\u5361\u7247\u3001\u5355\u9009\u3001\u591A\u9009\uFF1B2. \u6311\u9009\u4E00\u4E2A\u5F53\u524DAPP/\u7F51\u7AD9\u6700\u80FD\u5C55\u793AUI\u8BBE\u8BA1\u89C4\u8303\u7684\u573A\u666F\u7684\u9875\u9762\uFF0C\u4F8B\u5982\u767B\u5F55\u9875\u3001\u9996\u9875\u3001\u8BE6\u60C5\u9875\u3001\u4E2A\u4EBA\u4E2D\u5FC3\u7B49\u7B49\uFF0C\u5C55\u793A\u51FAUI\u8BBE\u8BA1\u89C4\u8303\u7684\u6240\u6709\u5143\u7D20\n- UI\u89C4\u8303\u6F14\u793A\u90E8\u5206\uFF0C\u5FC5\u987B\u4E25\u683C\u6309\u7167UI\u8BBE\u8BA1\u89C4\u8303`.bytefun/UI\u8BBE\u8BA1\u89C4\u8303.md`\u91CC\u9762\u8BF4\u660E\u7684\u6240\u6709\u989C\u8272\u5168\u90E8\u5217\u51FA\u6765\uFF0C\u5C55\u793A\u8272\u5757\u4E0D\u9700\u8981\u592A\u5927\n- UI\u89C4\u8303\u6F14\u793A\u90E8\u5206\uFF0C\u5FC5\u987B\u4E25\u683C\u6309\u7167UI\u8BBE\u8BA1\u89C4\u8303`.bytefun/UI\u8BBE\u8BA1\u89C4\u8303.md`\uFF0C\u5FC5\u987B\u5206\u7C7B\u522B\uFF0C\u7136\u540E\u5B8C\u6574\u5C55\u793A\u5404\u79CD\u6587\u5B57\u3001\u5404\u79CD\u6309\u94AE\u3001\u5404\u79CD\u8F93\u5165\u6846\u3001\u6807\u9898\u680F\u3001\u5361\u7247\u3001\u5355\u9009\u3001\u591A\u9009\u793A\u4F8B\u51FA\u6765\n- \u7B2C2\u90E8\u5206\uFF0C\u6311\u9009\u7684\u9875\u9762\u4F7F\u7528html\u5B9E\u73B0\u7684\u65F6\u5019\uFF0C\u5FC5\u987B\u8BA4\u771F\u8BBE\u8BA1\u5B8C\u6574\u7684\u9875\u9762\u5143\u7D20\uFF0C\u4E0D\u5F97\u6577\u884D\uFF0C\u4E0D\u5F97\u7701\u7565\uFF0C\u6309\u7167\u771F\u6B63UI\u8BBE\u8BA1\u7A3F\u6765\u8BBE\u8BA1\u5B8C\u6574\u7684\u9875\u9762\u5143\u7D20\u548Cjs\u4EE3\u7801\u3002\n- \u5982\u679C\u4E3B\u9898\u98CE\u683C\u662F\u6697\u9ED1\u98CE\u683C\u7684\u8BDD\uFF0C\u9ED8\u8BA4\u53EF\u4EE5\u7ED9\u6BCF\u4E2A\u9875\u9762\u6DFB\u52A0\u591A\u4E2A\u73BB\u7483\u6548\u679C\u7684\u5706\u5F62\u5F84\u5411\u6E10\u53D8\u80CC\u666F\uFF0C\u7C7B\u4F3C\u8FD9\u6837\uFF1A`background: radial-gradient(circle, rgba(0, 242, 255, 0.1) 0%, rgba(0, 0, 0, 0) 70%);`\uFF0C\u91CC\u9762\u7684\u989C\u8272\u548C\u6E10\u53D8\u8303\u56F4\u53EF\u4EE5\u6839\u636E\u5B9E\u9645\u60C5\u51B5\u8C03\u6574\u3002\n- \u7EDD\u5BF9\u4E0D\u80FD\u4F7F\u7528 emoji \u8868\u60C5\u7B26\u53F7\uFF0C\u4E0D\u5F97\u4F7F\u7528\u4EFB\u4F55 emoji \u8868\u60C5\u7B26\u53F7\uFF0C\u8BF7\u4F7F\u7528FontAwesome\u5B57\u4F53\u56FE\u6807\u6765\u4EE3\u66FF\u3002\n- \u5982\u679C\u9700\u8981jpg\u3001jpeg\u7C7B\u578B\u56FE\u7247\uFF0C\u5FC5\u987B\u4F7F\u7528\u56FE\u7247\u5730\u5740\uFF1A`https://oss.bytefungo.com/f1/showImg1.jpg`)\uFF0C\u5176\u4E2D\u7ED3\u5C3E\u7684\u2019showImg1'\u53EF\u4EE5\u6362\u4E3A\u4ECE 1 \u5230 30 \u7684\u6570\u5B57\uFF0C1~30 \u7684\u6570\u5B57\u5FC5\u987B\u968F\u673A\u6311\u9009\uFF0C\u4E0D\u5F97\u6BCF\u4E2A\u9875\u9762\u6BCF\u4E2A\u56FE\u7247\u90FD\u4F7F\u7528\u540C\u4E00\u4E2A\u6570\u5B57\u3002\u5199\u6CD5\u6BD4\u5982\uFF1A`<img src=\"https://oss.bytefungo.com/f1/showImg17.jpg\" alt=\"xxx\" class=\"xxx\" nodeType=\"image\">`\n\n";
//# sourceMappingURL=uiSpecDesign.d.ts.map