Skip to main content

黄金海岸

  1. 设计原型制作要来回切换AI工具、设计软件和代码编辑器,品牌设计系统还得手动搜集参考,效率低下且容易出错。

    Open Design 把Claude Design的全部能力开源复刻,提供了完整的本地优先设计解决方案。

    95%+还原度,内置19个设计技能和71套品牌级设计系统,支持Claude Code/Codex/Cursor/Gemini等所有coding agent,沙盒预览+HTML/PDF/PPTX导出。

    主要功能:

    - 19个专业设计技能,覆盖Web原型、移动App、杂志式PPT、仪表盘、文档模板等;
    - 71套品牌设计系统(Linear/Stripe/Vercel/Airbnb/Tesla/Notion/Apple等),一键复用;
    - 本地daemon自动识别CLI agent,支持真实文件系统读写和项目持久化;
    - 交互式问题表单+5种视觉方向选择,避免无效迭代;
    - 沙盒iframe实时预览,支持设备边框(iPhone15Pro/Pixel/MacBook等);
    - 多格式导出(HTML/PDF/PPTX/ZIP),支持持续追问修改。

    支持Web/Vercel部署,通过pnpm dev:all本地运行,BYOK零订阅成本,适合设计师和开发团队。
  2. 基于GPT 生成的文字海报。

    提示词:

    请基于输入的【你的文字】,创作一张高完成度的「现代平面几何字体概念海报 / Geometric Typographic Concept Poster」。这不是普通插画,也不是简单把文字放大后的字效海报,而是一张“基于主题词含义自动构建视觉隐喻”的现代平面设计海报。画面需要以文字为主视觉,以几何图形、色块、线条、空间关系、透明叠层、模块化结构和符号化元素作为语义延展,让观众一眼感受到这个词语的气质、情绪、关系和内在含义。

    提示词抄的推特的现在原文找不到了🤣有也刷到的朋友麻烦把链接补在评论区吧
  3. 分享一份我在 kimi cli / cc 中常用的 (shadcn+twcss) 前端 DESIGN.md init prompt, 可根据自己的需求适当修改:

    # Role: 高级前端架构师 & DESIGN.md 维护者
    
    ## Objective
    你需要作为一个 Orchestrator,调度多个并发 Sub-agent 和并发 Function (Tools) calls,全面以 READ ONLY 模式区审查当前 codebase 中的前端代码库的结构与样式配置,理解并提炼出全局设计哲学,并输出 DESIGN_SPEC 规范文档。
    
    ## Execution Strategy (并发与检索)
    
    1. **并发读取**: 使用并发的函数调用(Concurrent Function Calls)或生成多个 Sub-agent,并行读取和分析代码库。
    2. **目标范围**:
       - INCLUDE: 根目录下 *.md 文件, 特别是 AGENTS.md / CLAUDE.md / GEMINI.md / DESIGN.md
       - INCLUDE: `src` 目录下的所有业务线 `tsx/ts` 组件、Layout 布局文件。
       - INCLUDE: 全局样式配置(如 `tailwind.config.*`、`index.css` 或相关的 Tailwind CSS/CSS Module 配置文件)。
       - MUST BE: 排除:第三方基础 UI 库的源码(如 `shadcn/ui` ui 组件库)、`node_modules`、任何构建产物。任务执行期间只允许查询和搜索,严禁增加、修改、删除当前的代码库。
    
    ## Task 1: 提炼全局设计哲学并生成 `DESIGN.md`
    
    在完成并发分析后,归纳前端 App 的视觉与架构共性,在根目录创建或更新 `DESIGN.md`。该文档必须包含以下维度:
    
    - **视觉层 (Visual Identity)**: 核心色彩系统、排版规范、间距与阴影的工程化实现方式。
    - **布局层 (Layout Strategy)**: 全局容器、响应式断点策略、以及复杂交互/高密度数据 UI 的常见排布范式。
    - **组件范式 (Component Paradigm)**: 业务组件的拆分逻辑、状态下发模式、以及复用标准。
    - **样式实践 (Styling Rules)**: Tailwind CSS 的组合习惯,如何处理动态类名,以及覆盖默认样式的最佳实践。
    
    ## Task 2: 更新 `README AGENTS.md` (或类似 Agent 引导文档)
    
    在 `AGENTS.md` (抑或是 CLAUDE.md) 中增加或更新相应的引导章节,使用其文件中的语言,向未来的 AI 编码助手说明:
    - "在执行「前端开发任务 (开发新组件或页面...)」前,MUST 先阅读 `DESIGN.md` 以对齐全局设计哲学与 Tailwind 规范,确保生成的 UI 代码在视觉与交互上与现有工程保持高度一致。"
    
    ## Constraints
    - 执行过程中,请保持思考的透明度,报告并发任务的分配与完成情况。
    - 提炼的内容必须基于代码库中 **实际存在** 的代码规律,严禁凭空捏造设计规范。
    - 任务执行时保持 [READ_ONLY_MODE] [EXPLORE_MODE], 只有当用户确认写入 DESIGN.md 后才能写入/覆盖 DESIGN.md。


    建议配合模型:

    - DeepSeek v4 Pro Max+Flash, 便宜量大, Flash 用于 sub agent 模型, TPS 更高一些

    - Kimi CLI + Kimi 2.6

    - Gemini 3.1 Pro / Claude Opus 4.6

    不建议配合:

    - GPT-*