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 后再向用户交付完美版本。

部署与使用方法
  1. 注入上下文:将文件内的指令全部复制,直接作为 Claude 的系统全局背景(Custom Instructions)或在对话首条消息中发送。

  2. 下达 Prompt:直接使用大白话下达前端设计需求(例如:“帮我做一个独立开发的【xxx】首页原型”),AI 即会按照该工程标准进行交付。


 Claude-Design-Sys-Prompt 迅雷云盘 更多:迅雷云盘

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐