拓冰网站定制 
impeccable bolder 实战指南在不破坏现有设计系统的前提下放大界面表现力【免费下载链接】impeccableThe design language that makes your AI harness better at design.项目地址: https://gitcode.com/GitHub_Trending/im/impeccable导读bolder是 Impeccable 技能体系skill/SKILL.src.md中的Refine精修类命令专用于让安全、平淡的已上线界面重拾表现力而不是推翻重做。本文基于.opencode/skills/impeccable/reference/bolder.md展开并结合仓库内的 SKILL 定义、命令元数据与行为契约测试源码系统讲解 bolder 的作用边界、诊断方法、放大手法与自检清单帮助你在调用/impeccable bolder target时像资深设计总监一样做出克制的、系统内的放大而不是失控的堆砌。bolder 命令在整个技能体系中的位置在进入方法之前先明确 bolder 是什么、不是什么。根据.opencode/skills/impeccable/SKILL.md的命令表Impeccable 将全部能力分为五类类别命令工作重心Buildshape、init、document、extract规划、沉淀产品/设计上下文、抽取设计系统Evaluatecritique、auditUX 评审打分、可访问性/性能/响应式技术检查Refinepolish、bolder、quieter、distill、harden、onboard在不替换视觉世界的前提下收束细节或调整强度Enhanceanimate、colorize、typeset、layout、delight、overdrive在既有方向上叠加运动、色彩、版式、惊喜感Iteratelive浏览器内可视化变体模式bolder 与quieter见.opencode/skills/impeccable/reference/quieter.md此参考文件与 bolder.md 同目录是音量旋钮上的一对bolder 把过于安全的表达往上提quieter 把过度张扬的表达往下压两者都以不更换现有视觉世界为前提。命令元数据.opencode/skills/impeccable/scripts/command-metadata.json中对 bolder 的定位是Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.即提升视觉冲击力同时保持可用性。触发时机通常是用户说设计太寡淡、太安全、千篇一律、缺乏个性、想要更多视觉冲击与辨识度。它的argumentHint是[target]——你总得先指明要放大的目标。一个必须先排除的单词歧义bolder.md 开头就划了一条重要的语义红线An open direction round owns the word first: bolder said while a direction decision is on the table is the Bolder hand register steer ... not this command.在 Impeccable 的视觉方向决策流程中bolder一词是重掷骰子的档位register。new-work.md见.opencode/skills/impeccable/reference/new-work.md规定当方向决策页处于打开状态时用户说 bolder 或 safer表示的是bolder / safer 两个重掷档位——bolder 档只重发外来形式foreign forms与本篇讨论的 bolder 命令毫无关系。因此路由时先判断语境如果用户还在挑选视觉方向 → 是 register steer如果表面surface的世界已经落地、只是想强化其中某一块 → 才进入 bolder 命令。这正是 bolder.md 反复强调的前提This command refines a surface whose world already shipped.诊断前提为什么平庸通常不是能力问题而是默认值问题bolder 的核心思想是先诊断再放大。参考文档认为一个区块读起来平淡reads flat几乎总是因为它没有用上页面其他部分已经在用的东西Look at what the rest of the page does that this section does not: the display type at full strength, the structural devices that carry meaning, the signature motif, the density and pacing.也就是说平庸的区块通常是在悄悄退出opts out了系统自身最强的手段——比如全站都在用某个满强度 display 字体或标志性母题motif只有这一块降级成了普通正文又或者相邻区块都拥有清晰的结构装置与节奏只有这块缩在一边。因此诊断方向是向邻居看齐观察周围区块如何承载意义、如何排版、如何控制密度与节奏最可靠的 bolder 路径是把目标区块提升到邻居已经达到的表现层级使用系统自己的词汇而不是新造一套。这里隐含了一条重要的工程原则——放大是把现有旋钮拧到满格而不是新增旋钮。三条必须遵守的操作前提1. 目标是已存在的表面不是新表面bolder.md 明确Bolder is an amplification request, and almost always it is scoped to something that already exists. 如果需求是全新页面或全新视觉世界应该走new-work流程bolder 只负责在已经 shipped 的页面、组件、区块或状态上做定向放大。2. Scope is sovereign范围至高无上Everything else stays is a literal instruction.这句话在.opencode/skills/impeccable/reference/bolder.md的 Scope is sovereign 一节被标为字面指令只触碰被点名的目标不重排它的邻居不把页面迁移到新想法上不新增当前表面尚未拥有的颜色、字体、圆角、阴影或系统原语primitives。如果现有系统确实无法表达用户想要的方向不要自作主张扩张系统而是停下来用提问工具澄清各运行环境对应措辞见下文并且要具体说出想新增什么、它会承担什么职责——让用户而不是模型决定是否扩权。模型在不同宿主环境中被注入的澄清指令文案不同例如在.opencode分发的副本中写作 STOP and call thequestiontool to clarify.在 skill 目录的原始模板skill/SKILL.src.md中则使用{{ask_instruction}}占位符。占位符由构建期脚本统一替换为各宿主对应的原文——你可以在.opencode/skills/impeccable/SKILL.mdSTOP and call thequestiontool to clarify.与仓库构建逻辑scripts/lib/utils.js处理{{ask_instruction}}替换的字符串替换函数见该文件的_INTERPOLATION相关实现与.replace(/\{\{ask_instruction\}\}/g, ...)调用中看到这种一处书写、多宿主渲染的机制。它说明这份参考文档是被打包进多套分发skill、plugin、.opencode的核心规则而非一次性草稿。3. 反射式的加特效是最不 bold 的答案The reflex answer, reaching for more effects, is the opposite of bold; reject it first.追求更多效果更多阴影、更多动效、更多颜色恰恰是胆小的表现。真正的 bold 是判断力上的果断选一个决定性动作把它做满然后让周围安静下来让这个动作可以被看清。四条放大原则The amplification参考文档给出了四条相互制衡的放大原则原则含义反例Amplify what the system already owns复用系统已有的母题与字号阶梯到满强度为这一节调高音量而不是为它发明新东西单独引入一个别的页面没有的字体或圆角体系Keep content true现有文案声明属于范围之内除非用户提供替换否则逐字保留若方向的成立依赖真实证据而证据缺失开口去要为了更有冲击力顺手改写了功能描述或夸大了声明Commit, then clarify做一个彻底的、决定性动作然后把周围压低让这个动作可读每个元素都调大声 → 整节反而更平Give it its own rhythm目标区块应当成为滚动中的峰值a peak in the scroll在密度或节奏上与周围形成差异只是把同一种内容排得更满第 4 条特别值得展开放大的本质不是更多的同一种东西more of the same而是节奏切换。想象一页节奏均匀的落地页——正文区块与正文区块之间若想突出某个案例或成果区块理想的处理往往是在那里制造一次密度或语速的突变例如从密集小字突然进入一个留白极大、字号极大的段落让用户在阅读流中撞见这个峰。骨架测试The skeleton test检验放大是否落在设计而非文字上这是 bolder.md 提供的自检技巧中最有实操价值的一条Strip the copy out of your planned section and study the bare structure. Does the skeleton still say what this section is and why it matters, through hierarchy and the systems devices alone? If it only works once the words return, the boldness is in the text size, not the design.把计划中区块的文字全部移除只看骨架字号层级、留白、母题、结构装置是否仍然在说话如果骨架什么都不表达、一旦填回文字才成立说明 bold 只发生在字号大小层面而不是设计层面。换句话说把标题从 24px 改成 96px 不是 bold——那是把文字调大让这一块为什么存在、为什么重要仅靠层级与系统装置就能被读懂才是设计层面的 bold。文档还附带了一条关于占位符的纪律图片或产物的占位符应当命名一个职位a job、一个锚点an anchor和一条证据线索a piece of evidence而不是放张装饰图的暗示。填补那个职位时用主题真正拥有的素材而不是任何装饰性照片。行为契约测试范围纪律如何被固化进测试bolder 的范围神圣不可侵犯并非只存在于散文式指导里它还以可执行契约的形式固化在测试中。tests/skill-behavior/workflow-contract.test.mjs中有一条直接命名的用例it(bolder refinement preserves the world and everything outside scope, async () { ... });该用例使用形如/impeccable bolder current.html, only the #case-study section. Keep everything else untouched.的用户提示构造会话随后断言工作流确实加载了bolder.md参考assert.ok(fileLoaded(trace, bolder.md), ...)用以验证当用户给出 bolder 明确目标例如仅限某个#case-study区块的请求时运行时会把这份参考文档作为该命令的操作手册加载。这意味着 bolder 的命令路由SKILL 命令表 → 加载 reference → 按参考执行是测试守护的行为契约而不是自由发挥。与此呼应skill/SKILL.src.md中Refinement preserves; redesign replaces的大原则也约束着 bolder精修保留现状的身份、行为、文案与范围外的一切只有在必须替换时才进入 redesign 语义那属于 new-work 的职权。收尾自检清单Before you finish动手之后、认为完成之前参考文档要求逐条核对以下四项缺一不可范围外一切未变——被点名目标之外的所有东西都原封未动无未被请求的新原语——没有在未获许可的情况下出现新的颜色、字体或系统原语既有约定仍然生效——该区块原本携带的约定包括任何驱动动作的约定如链接、表单、交互行为仍以同样方式工作同一个品牌只是更有底气——区块一眼看去依然是同一个品牌只是对自己更笃定unmistakably the same brand, only more sure of itself。交接给 polishWhen the target holds its own without pulling the page apart, hand off to/impeccable polishfor the final pass.bolder 的出口是polish。目标区块一旦能独当一面、又没把整页拉散就应交给/impeccable polish做最终收尾。这与 polish 参考.opencode/skills/impeccable/reference/polish.md与 bolder.md 同目录开篇的定义互为印证Polish is refinement, never concealed redesign且 polish 参考明确写到若概念本身错了应当明说并推荐 redesign 或bolder而不是把替换偷偷塞进 polish。二者边界清晰bolder 负责调响一个已经成立的设计polish 负责擦亮一条已经完整的路径任何一方都不许越界去做暗渡陈仓的重设计。一份可直接照做的 bolder 操作流程综合参考文档与命令体系一次合规的/impeccable bolder target应当按下述顺序执行路由判定确认语境不是方向决策轮方向轮中的 bolder 是 register steer见.opencode/skills/impeccable/reference/new-work.md确认目标表面已 shipped本次是精修而非新建。若命令为显式 bolder先加载本参考文档skill/reference/bolder.md与 craft-floor 质量底线文档见.opencode/skills/impeccable/SKILL.md的 Setup 第 3 步要求。锁定范围与用户确认哪一节是目标、什么必须保持不动这正是 bolder.md 开头那句 Additional context needed: which section is the target, and what must stay untouched. 的用意。诊断平淡成因对比邻居——母题、满强度 display type、结构装置、密度与节奏找出目标区块悄悄退出了哪一项。做一次决定性放大用系统自有词汇把那一项推到满强度随后压低周围噪声保留全部文案为区块制造独立节奏。设计阶段用骨架测试校验去掉文案后结构是否仍能自证其意。逐条过收尾清单范围外零改动、零新增原语、约定照常、品牌自洽。交接 polish确认目标能独当一面后把最终收尾交给/impeccable polish不在本命令内无限打磨。bolder 给 AI 设计代理的最大教训其实是一句悖论式的心法把设计做得更响亮的方法往往是先想清楚哪些旋钮绝不该去碰。范围越小、动作越少、意图越单一放大的信号才越强——这是从 33 行参考文档到 workflow-contract 测试都在反复强化的同一条纪律。【免费下载链接】impeccableThe design language that makes your AI harness better at design.项目地址: https://gitcode.com/GitHub_Trending/im/impeccable创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 impeccable bolder 实战指南：在不破坏现有设计系统的前提下放大界面表现力
impeccable bolder 实战指南在不破坏现有设计系统的前提下放大界面表现力【免费下载链接】impeccableThe design language that makes your AI harness better at design.项目地址: https://gitcode.com/GitHub_Trending/im/impeccable导读bolder是 Impeccable 技能体系skill/SKILL.src.md中的Refine精修类命令专用于让安全、平淡的已上线界面重拾表现力而不是推翻重做。本文基于.opencode/skills/impeccable/reference/bolder.md展开并结合仓库内的 SKILL 定义、命令元数据与行为契约测试源码系统讲解 bolder 的作用边界、诊断方法、放大手法与自检清单帮助你在调用/impeccable bolder target时像资深设计总监一样做出克制的、系统内的放大而不是失控的堆砌。bolder 命令在整个技能体系中的位置在进入方法之前先明确 bolder 是什么、不是什么。根据.opencode/skills/impeccable/SKILL.md的命令表Impeccable 将全部能力分为五类类别命令工作重心Buildshape、init、document、extract规划、沉淀产品/设计上下文、抽取设计系统Evaluatecritique、auditUX 评审打分、可访问性/性能/响应式技术检查Refinepolish、bolder、quieter、distill、harden、onboard在不替换视觉世界的前提下收束细节或调整强度Enhanceanimate、colorize、typeset、layout、delight、overdrive在既有方向上叠加运动、色彩、版式、惊喜感Iteratelive浏览器内可视化变体模式bolder 与quieter见.opencode/skills/impeccable/reference/quieter.md此参考文件与 bolder.md 同目录是音量旋钮上的一对bolder 把过于安全的表达往上提quieter 把过度张扬的表达往下压两者都以不更换现有视觉世界为前提。命令元数据.opencode/skills/impeccable/scripts/command-metadata.json中对 bolder 的定位是Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.即提升视觉冲击力同时保持可用性。触发时机通常是用户说设计太寡淡、太安全、千篇一律、缺乏个性、想要更多视觉冲击与辨识度。它的argumentHint是[target]——你总得先指明要放大的目标。一个必须先排除的单词歧义bolder.md 开头就划了一条重要的语义红线An open direction round owns the word first: bolder said while a direction decision is on the table is the Bolder hand register steer ... not this command.在 Impeccable 的视觉方向决策流程中bolder一词是重掷骰子的档位register。new-work.md见.opencode/skills/impeccable/reference/new-work.md规定当方向决策页处于打开状态时用户说 bolder 或 safer表示的是bolder / safer 两个重掷档位——bolder 档只重发外来形式foreign forms与本篇讨论的 bolder 命令毫无关系。因此路由时先判断语境如果用户还在挑选视觉方向 → 是 register steer如果表面surface的世界已经落地、只是想强化其中某一块 → 才进入 bolder 命令。这正是 bolder.md 反复强调的前提This command refines a surface whose world already shipped.诊断前提为什么平庸通常不是能力问题而是默认值问题bolder 的核心思想是先诊断再放大。参考文档认为一个区块读起来平淡reads flat几乎总是因为它没有用上页面其他部分已经在用的东西Look at what the rest of the page does that this section does not: the display type at full strength, the structural devices that carry meaning, the signature motif, the density and pacing.也就是说平庸的区块通常是在悄悄退出opts out了系统自身最强的手段——比如全站都在用某个满强度 display 字体或标志性母题motif只有这一块降级成了普通正文又或者相邻区块都拥有清晰的结构装置与节奏只有这块缩在一边。因此诊断方向是向邻居看齐观察周围区块如何承载意义、如何排版、如何控制密度与节奏最可靠的 bolder 路径是把目标区块提升到邻居已经达到的表现层级使用系统自己的词汇而不是新造一套。这里隐含了一条重要的工程原则——放大是把现有旋钮拧到满格而不是新增旋钮。三条必须遵守的操作前提1. 目标是已存在的表面不是新表面bolder.md 明确Bolder is an amplification request, and almost always it is scoped to something that already exists. 如果需求是全新页面或全新视觉世界应该走new-work流程bolder 只负责在已经 shipped 的页面、组件、区块或状态上做定向放大。2. Scope is sovereign范围至高无上Everything else stays is a literal instruction.这句话在.opencode/skills/impeccable/reference/bolder.md的 Scope is sovereign 一节被标为字面指令只触碰被点名的目标不重排它的邻居不把页面迁移到新想法上不新增当前表面尚未拥有的颜色、字体、圆角、阴影或系统原语primitives。如果现有系统确实无法表达用户想要的方向不要自作主张扩张系统而是停下来用提问工具澄清各运行环境对应措辞见下文并且要具体说出想新增什么、它会承担什么职责——让用户而不是模型决定是否扩权。模型在不同宿主环境中被注入的澄清指令文案不同例如在.opencode分发的副本中写作 STOP and call thequestiontool to clarify.在 skill 目录的原始模板skill/SKILL.src.md中则使用{{ask_instruction}}占位符。占位符由构建期脚本统一替换为各宿主对应的原文——你可以在.opencode/skills/impeccable/SKILL.mdSTOP and call thequestiontool to clarify.与仓库构建逻辑scripts/lib/utils.js处理{{ask_instruction}}替换的字符串替换函数见该文件的_INTERPOLATION相关实现与.replace(/\{\{ask_instruction\}\}/g, ...)调用中看到这种一处书写、多宿主渲染的机制。它说明这份参考文档是被打包进多套分发skill、plugin、.opencode的核心规则而非一次性草稿。3. 反射式的加特效是最不 bold 的答案The reflex answer, reaching for more effects, is the opposite of bold; reject it first.追求更多效果更多阴影、更多动效、更多颜色恰恰是胆小的表现。真正的 bold 是判断力上的果断选一个决定性动作把它做满然后让周围安静下来让这个动作可以被看清。四条放大原则The amplification参考文档给出了四条相互制衡的放大原则原则含义反例Amplify what the system already owns复用系统已有的母题与字号阶梯到满强度为这一节调高音量而不是为它发明新东西单独引入一个别的页面没有的字体或圆角体系Keep content true现有文案声明属于范围之内除非用户提供替换否则逐字保留若方向的成立依赖真实证据而证据缺失开口去要为了更有冲击力顺手改写了功能描述或夸大了声明Commit, then clarify做一个彻底的、决定性动作然后把周围压低让这个动作可读每个元素都调大声 → 整节反而更平Give it its own rhythm目标区块应当成为滚动中的峰值a peak in the scroll在密度或节奏上与周围形成差异只是把同一种内容排得更满第 4 条特别值得展开放大的本质不是更多的同一种东西more of the same而是节奏切换。想象一页节奏均匀的落地页——正文区块与正文区块之间若想突出某个案例或成果区块理想的处理往往是在那里制造一次密度或语速的突变例如从密集小字突然进入一个留白极大、字号极大的段落让用户在阅读流中撞见这个峰。骨架测试The skeleton test检验放大是否落在设计而非文字上这是 bolder.md 提供的自检技巧中最有实操价值的一条Strip the copy out of your planned section and study the bare structure. Does the skeleton still say what this section is and why it matters, through hierarchy and the systems devices alone? If it only works once the words return, the boldness is in the text size, not the design.把计划中区块的文字全部移除只看骨架字号层级、留白、母题、结构装置是否仍然在说话如果骨架什么都不表达、一旦填回文字才成立说明 bold 只发生在字号大小层面而不是设计层面。换句话说把标题从 24px 改成 96px 不是 bold——那是把文字调大让这一块为什么存在、为什么重要仅靠层级与系统装置就能被读懂才是设计层面的 bold。文档还附带了一条关于占位符的纪律图片或产物的占位符应当命名一个职位a job、一个锚点an anchor和一条证据线索a piece of evidence而不是放张装饰图的暗示。填补那个职位时用主题真正拥有的素材而不是任何装饰性照片。行为契约测试范围纪律如何被固化进测试bolder 的范围神圣不可侵犯并非只存在于散文式指导里它还以可执行契约的形式固化在测试中。tests/skill-behavior/workflow-contract.test.mjs中有一条直接命名的用例it(bolder refinement preserves the world and everything outside scope, async () { ... });该用例使用形如/impeccable bolder current.html, only the #case-study section. Keep everything else untouched.的用户提示构造会话随后断言工作流确实加载了bolder.md参考assert.ok(fileLoaded(trace, bolder.md), ...)用以验证当用户给出 bolder 明确目标例如仅限某个#case-study区块的请求时运行时会把这份参考文档作为该命令的操作手册加载。这意味着 bolder 的命令路由SKILL 命令表 → 加载 reference → 按参考执行是测试守护的行为契约而不是自由发挥。与此呼应skill/SKILL.src.md中Refinement preserves; redesign replaces的大原则也约束着 bolder精修保留现状的身份、行为、文案与范围外的一切只有在必须替换时才进入 redesign 语义那属于 new-work 的职权。收尾自检清单Before you finish动手之后、认为完成之前参考文档要求逐条核对以下四项缺一不可范围外一切未变——被点名目标之外的所有东西都原封未动无未被请求的新原语——没有在未获许可的情况下出现新的颜色、字体或系统原语既有约定仍然生效——该区块原本携带的约定包括任何驱动动作的约定如链接、表单、交互行为仍以同样方式工作同一个品牌只是更有底气——区块一眼看去依然是同一个品牌只是对自己更笃定unmistakably the same brand, only more sure of itself。交接给 polishWhen the target holds its own without pulling the page apart, hand off to/impeccable polishfor the final pass.bolder 的出口是polish。目标区块一旦能独当一面、又没把整页拉散就应交给/impeccable polish做最终收尾。这与 polish 参考.opencode/skills/impeccable/reference/polish.md与 bolder.md 同目录开篇的定义互为印证Polish is refinement, never concealed redesign且 polish 参考明确写到若概念本身错了应当明说并推荐 redesign 或bolder而不是把替换偷偷塞进 polish。二者边界清晰bolder 负责调响一个已经成立的设计polish 负责擦亮一条已经完整的路径任何一方都不许越界去做暗渡陈仓的重设计。一份可直接照做的 bolder 操作流程综合参考文档与命令体系一次合规的/impeccable bolder target应当按下述顺序执行路由判定确认语境不是方向决策轮方向轮中的 bolder 是 register steer见.opencode/skills/impeccable/reference/new-work.md确认目标表面已 shipped本次是精修而非新建。若命令为显式 bolder先加载本参考文档skill/reference/bolder.md与 craft-floor 质量底线文档见.opencode/skills/impeccable/SKILL.md的 Setup 第 3 步要求。锁定范围与用户确认哪一节是目标、什么必须保持不动这正是 bolder.md 开头那句 Additional context needed: which section is the target, and what must stay untouched. 的用意。诊断平淡成因对比邻居——母题、满强度 display type、结构装置、密度与节奏找出目标区块悄悄退出了哪一项。做一次决定性放大用系统自有词汇把那一项推到满强度随后压低周围噪声保留全部文案为区块制造独立节奏。设计阶段用骨架测试校验去掉文案后结构是否仍能自证其意。逐条过收尾清单范围外零改动、零新增原语、约定照常、品牌自洽。交接 polish确认目标能独当一面后把最终收尾交给/impeccable polish不在本命令内无限打磨。bolder 给 AI 设计代理的最大教训其实是一句悖论式的心法把设计做得更响亮的方法往往是先想清楚哪些旋钮绝不该去碰。范围越小、动作越少、意图越单一放大的信号才越强——这是从 33 行参考文档到 workflow-contract 测试都在反复强化的同一条纪律。【免费下载链接】impeccableThe design language that makes your AI harness better at design.项目地址: https://gitcode.com/GitHub_Trending/im/impeccable创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考