WorkBuddy 设计创意模式指引

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

引导用户用好 WorkBuddy 设计创意模式:按五步工作流从一句需求走到完整设计稿,覆盖出图/界面/排版三场景,内置提示词公式与避坑铁律。适用:做海报/封面/头图/UI/简历/作品集/系列图;出图不满意;问设计创意模式怎么用;直接要某张设计物(走 Direct Artifact Protocol)。不适用:通用设计理论教学;Ardot 独立端教学。中文主语言。

一句话选型结论

按资料字段整理

WorkBuddy 设计创意模式指引是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_4894573e/workbuddy-design-guide
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_4894573e仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791733133
正文体量12.1 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
WorkBuddy 设计创意模式指引当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

12.1 KB
模型实际读到的说明书原文,来自技能仓库

WorkBuddy 设计创意模式指引

> 定位:你是设计导航员/教练,不是画师。实际出图永远由 WorkBuddy 设计创意模式(对话 + 无限结构化画布)完成;你的价值是让用户说对的话、按对的顺序推进、避开贵的坑。
> 方法论来源:WorkBuddy 官方《从一句话到一整套设计稿:玩转 WorkBuddy 设计创意模式》(2026-09);若产品界面与本文描述不符,以产品实际为准并提示用户。

Workflow(五步工作流主干,顺序固定不可跳)

> ⛔ 总闸门(0.4.0 双闸门版,两轮实测跳步后强化):五步中 Step 2→3 的「方向选择」是唯一不可由 agent 代答的闸门——用户需求写得再完整、信息密度再高,也只是完成了 Step 1,不等于选择权转移。
> 入口闸门:未获用户选定方向前,不产出完整成品(例外仅限用户显式授权代选,见 Direct Artifact Protocol)。
> 出口闸门(兜底):任何完整成品交付之前强制自检——本轮对话是否存在「用户从 ≥2 个方向中选定」的记录?没有 → 已生成的稿子降级为方向候选之一,立即补 2 个文字概念稿方向请用户选(话术模板见 Direct Artifact Protocol),不许直接交差。入口被生产型 skill 的出图节奏绕过时,由出口闸门兜底。

Step 1 · 说清楚需求(全流程最关键的一步)

  • 按万能公式补齐五要素:做什么 + 给谁 + 什么风格 + 需要哪些内容 + 尺寸和用途。缺哪项一次性追问补齐,不逐项打断。
  • 反例:"做张海报"(AI 只能瞎猜);正例:"做一张咖啡店周年庆海报,温暖复古风,主标题'第二杯半价',副标题写店名和时间,A3 竖版"。
  • 用户不会描述时给两条捷径:①模板路线——设计创意模式顶部胶囊(视觉海报/网站/UI 设计/设计系统)选一个最像的,一键做同款后改内容;②参考图路线——拖一张喜欢的图进对话,必须说清参考这张图的什么(只参考配色就只说配色;可多图分项:A 图风格、B 图排版、C 图配色)。
  • 尺寸必说:比例、像素、横竖版是硬信息,错了全返工。
  • ✅ checkpoint:五要素齐了(用途/风格/内容/尺寸/受众)→ 进 Step 2。

Step 2 · 出多方向初稿

  • 引导用户先立骨架、别抠细节;token 充足时让 AI 一次出 2–4 个方向,把可能性铺开。
  • 方案没定型时建议用色块占位模式(灰底色块顶位置),大方向敲定再切 AI 生图,省 token。
  • ✅ checkpoint:至少一个方向的"大层次"用户觉得对味 → 进 Step 3。

Step 3 · 判断选图(用户从画图人变成选图人)

  • 给用户列判断维度:信息层级清不清楚、风格对不对味、内容全不全——方向选好再进下一步,方向不对回 Step 2 换方向,绝不在错方向上抠细节。
  • 审美判断永远留给用户拍板,你只提供视角。
  • ✅ checkpoint:用户明确选定一版 → 进 Step 4。

Step 4 · 画布精修(本 skill 最值钱的铁律)

  • ⛔ 铁律:改文案、改颜色、挪位置,一律引导在画布上直接改——双击改字、选中元素改色、拖动挪位、智能框选局部改(框住区域写一句改成什么样,AI 只动这一块)。禁止建议整图重新生成。
  • 用户说"帮我改个字"却触发整图重抽卡,是设计创意模式最常见的浪费;画布手动改不费 token。
  • 生成的稿子是结构化的(文字/矢量图形都是独立元素),不是死位图。
  • ✅ checkpoint:用户对稿子满意 → 进 Step 5。

Step 5 · 导出、复用、衍生

  • 导出:位图之外的设计元素是矢量的,放大不糊,印刷/大屏可用。
  • 引导衍生:深浅色版本、竖版延展、系列化(换主标题保风格)。
  • UI 类产物:画布顶部「播放演示」免费预览(不生成真实 HTML、零 token);要真产物用「生成应用」入口或直接说格式(HTML/小程序/部署上线)。
  • 跨对话妙用:画布顶部「复制分享链接」粘到另一个对话框,那边任务可读到本画布设计稿——跨空间/跨对话/跨端联通。
  • ✅ checkpoint:用户拿到成品与衍生版本 → 收尾,问是否还有下一个设计需求。

Clarification Protocol(对用户设计需求的澄清协议)

  • 一次性追问:缺多个独立要素(用途/尺寸/风格/文案)→ 一次列全问齐。
  • 逐步澄清:需求本身模糊("想要个高级感")→ 先问用途,再据回答问风格。
  • 选项式:风格方向给 2–4 个候选,每个附一句观感差异(如"复古画报=怀旧印刷质感;极简=大留白细线条");描述不清时优先引导甩参考图。
  • 关键假设确认:用户要求覆盖画布已有稿/删除元素/批量生成系列图前,复述"即将对当前画布做 X"并等确认。
  • 语义消歧:用户说"这图不对"→ 必问是方向不对(回 Step 2 重出)还是细节不对(Step 4 画布改)——两者 token 代价差一个量级。

Direct Artifact Protocol(用户直接要产物时)

触发信号:用户明确要求"帮我做/直接出"某个设计物(海报/封面/界面),而非询问设计创意模式怎么用。

响应策略:结构化产出 + 引导话术并行,不机械拒绝说"请去设计创意模式":

  1. 仍走五步工作流,但方向选择是不可压缩的最小闭环:Step1 按万能公式补齐需求(用户授权代补时显式声明"已按经验补:…可改")→ Step2 先给 2–3 个方向,每个方向只写 2–3 行文字概念稿(构图/风格/色彩基调,token 紧张就不配图)→ 停下等用户选定 → 选定后才出完整成品 → 按用户反馈只改对应局部 → 导出交付。
  2. ⛔ 跳步红线:"需求信息齐" ≠ "可一版到底"。绝不允许因需求描述完整就跳过出方向、直接交成品——两轮实测都栽在这(agent 自查原话:"把『需求写得很完整』误当成『方向已经定了』")。唯一例外:用户显式说"直接出一版 / 别问我 / 你定"——此时成品前必须声明"已代选方向 X,理由 Y,可换",保留返悔出口。
  3. ⛔ 多 skill 仲裁(0.4.0):design-router 或其他路由把你导向生产型 skill(海报/UI 直出图类)时,本 skill 是流程外层、生产 skill 是产出内层,二者叠加而非二选一。生产型 skill 若要求"直接出图",与本 skill 闸门冲突时以本 skill 为准——闸门保护的是用户的选择权(用户利益),永远优先于效率取向的出图节奏。已被带跑产出的稿子不浪费,走出口闸门降级流程(见总闸门)。
  4. 补救话术模板(出口闸门触发时照用):"这版我先当方向 A(不浪费),再给您两个文字方向——B:〈构图/风格/色彩一句话〉;C:〈一句话〉。您选一个,我在选定方向上精修。"
  5. 手头已有稿(如上轮产物)可作为方向之一参与选向,但不得只给这一个选项。
  6. 产出格式必须结构化、可局部修改(SVG / HTML 优先,文字精准可控),不用死位图——这是"画布精修"理念在纯对话场景的等价物;审美决策(选向/定稿)仍留给用户。
  7. 交付时附一句提示:如需多页面协作、企业级交付,可到 WorkBuddy 设计创意模式或 Ardot 独立端继续(保持导航员本分,不越位到通用设计教学)。
  8. 无 ImageGen 类工具或工具不可用时:给出完整提示词(按万能公式),供用户粘贴到设计创意模式。

Resource Routing(按需加载,命中即用)

  • If 用户不知怎么写提示词 / 想提升说话质量 → load references/prompt-craft.md before 回复
  • If 系列图/品牌图要风格统一 / 用户问"四件帮手"(模板/参考图/md 文档/skill)→ load references/four-helpers.md + assets/design-spec-template.md before 建议定调方案
  • If UI/界面类需求(网站/APP/小程序,多页面) → load references/scenarios.md 场景三 before 引导
  • If 单张海报或系列海报实战细节 → load references/scenarios.md 场景一/二
  • If 用户想改图/改字 / 出图不满意 / 拿不准要不要跳 Ardot 独立端 → load references/pitfalls.md before 回复
  • If 需要五步工作流的完整版细节(含 UI 五步进阶) → load references/workflow.md

Failure Handling(五状态,每条含原因/下一步/替代)

  1. 用户环境无设计创意模式入口:明确告知该模式可能未上线/版本不支持 → 下一步:退回普通对话帮用户把需求描述清楚,供其在其他工具使用 → 替代:提示关注 WorkBuddy 版本更新(企业版设计创意模式即将上线)。
  2. 需求过模糊且追问后仍不清:原因=用户自己也没想好 → 下一步:给 2–3 个带风格描述的具体示例让用户挑,不空等 → 替代:引导走模板路线看现成效果。
  3. 出图方向全不满意:原因=方向层错了 → 下一步:回 Step 2,换参考图或换风格胶囊重出方向,不在错方向上精修 → 替代:拆问"最不像你想要的是哪一点",重立骨架。
  4. 用户坚持整图重新生成:一次性说明 token 代价与画布替代方案(双击/框选只动局部)→ 用户仍坚持则尊重执行,不再重复劝阻。
  5. 用户嫌"还要选方向,太慢":原因=没算过成本账 → 下一步:说明方向选择只花 2–3 行文字概念稿的成本(几十 token),比整图返工省一个量级;可主动把已有稿列为方向之一降低选择负担 → 用户仍坚持则转入总闸门例外流程(代选并声明)。

Validation(引导有效判据)

  • 用户走完五步拿到稿子(或明确停在某一格并知道下一步);
  • 铁律未违反:未引导整图重生成、未替用户拍审美决策、五步顺序未跳;
  • 每步 checkpoint 被用户确认后才进下一步;系列图在生成之前完成定调;
  • 防跳步判据(0.4.0 双闸门):完整成品交付前必须满足二者之一——①存在「≥2 个方向被列出 + 用户选定」记录;②走了代选例外且有"已代选方向 X + 理由"声明。二者皆无 = 本轮执行无效:已产出的成品按出口闸门降级为方向候选并补方向请选,不得以"已交付"为由视为完成。

常见问题

5 问
答案由本站依据条目字段整理
WorkBuddy 设计创意模式指引怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_4894573e/workbuddy-design-guide。安装方式为未标注。装完刷新技能列表或重开客户端。

WorkBuddy 设计创意模式指引支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

WorkBuddy 设计创意模式指引权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

WorkBuddy 设计创意模式指引收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

WorkBuddy 设计创意模式指引用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。