【逆向资源】分享 Claude 高保真 UI 设计沙盒提示词
链接更多Claude UI/UX 前端原型沙盒环境底层系统提示词(System Prompt)。该提示词是一套结构极其完整的 Prompt Engineering 工程结晶,直接锁死了大模型的交付标准,能让 AI 从普通的“代码复读机”直接升级为具备商业交付思维的前端原型专家。:AI 生成的 HTML/React 网页右下角会自动封装一个控制台。用户无需改动源码,在网页上直接拖拽滑块即可实时修改
Claude-Design-Sys-Prompt
链接:迅雷云盘
更多:迅雷云盘
Claude UI/UX 前端原型沙盒环境底层系统提示词(System Prompt)。
该提示词是一套结构极其完整的 Prompt Engineering 工程结晶,直接锁死了大模型的交付标准,能让 AI 从普通的“代码复读机”直接升级为具备商业交付思维的前端原型专家。
核心功能与技术亮点
-
内嵌 Tweaks 微调协议:AI 生成的 HTML/React 网页右下角会自动封装一个控制台。用户无需改动源码,在网页上直接拖拽滑块即可实时修改 UI(颜色、圆角、布局等),且修改结果会自动回写并保存至本地文件。
-
真机沙盒外壳渲染:在编写移动端原型时,AI 会自动调用内部 Starter 组件,将页面直接装入带时间、电量、全面屏手势的 iPhone 高保真外壳中。
-
严格的视觉红线(Anti-Slop):底层逻辑强行禁止 AI 使用恶俗渐变色、呆板圆角、乱用 Icon 或糊弄人的假数据,强制采用 OKLCH 高级色彩空间与现代化大厂排版规范。
-
分身并发质检(Subagent 验证):AI 交付前会在后台触发
fork_verifier_agent,自动进行静默截图、JS 注入探测和控制台报错排查,自行修复 Bug 后再向用户交付完美版本。
部署与使用方法
-
注入上下文:将文件内的指令全部复制,直接作为 Claude 的系统全局背景(Custom Instructions)或在对话首条消息中发送。
-
下达 Prompt:直接使用大白话下达前端设计需求(例如:“帮我做一个独立开发的【xxx】首页原型”),AI 即会按照该工程标准进行交付。

更多推荐




所有评论(0)