尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

impeccable 的 delight 命令全解:识别值得注入的瞬间,为 AI 界面建立克制而难忘的产品个性

impeccable 的 delight 命令全解:识别值得注入的瞬间,为 AI 界面建立克制而难忘的产品个性 impeccable 的 delight 命令全解识别值得注入的瞬间为 AI 界面建立克制而难忘的产品个性【免费下载链接】impeccableThe design language that makes your AI harness better at design.项目地址: https://gitcode.com/GitHub_Trending/im/impeccabledelight是 impeccable skill 中负责为界面增加个性与难忘细节的 Enhance 类命令。它反对把趣味当成一层通用的可爱外壳主张让产品角色product character在真正配得上的时刻里被用户感受到。本指南以delight.md参考文档 为骨架结合仓库中SKILL.src.md、animate.md、polish.md等配套参考完整讲解 delight 的工作流程如何发现情绪机会、定义一句愉悦论点、为成功/等待/空态/错误/重复/发现六类情感时刻做设计以及如何守住不动摇任务、无障碍与平台惯例的底线。读完你可以在自己的前端项目里直接运行这套方法论让 AI 助手产出的界面既有品牌情绪又不牺牲可靠性与效率。delight 在 impeccable 体系中的定位impeccable 是一套面向 AI 前端设计助手的技能体系覆盖设计、重塑、精修、动效、色彩、文案、无障碍、反模式、设计系统等能力其命令按功能分族Build / Evaluate / Refine / Enhance / Fix / Iterate。在 skill 主文档的命令表中delight [target]被归入Enhance类别描述为Add personality and memorable touches添加个性与难忘细节。这意味着 delight 处于一条明确的调色带上需要更大胆的表达时系统建议走bolder放大保守/平淡的设计需要降噪时走quieter克制过激、过度刺激的设计需要补足人与产品的情感连接时才轮到delight完成个性注入之后收尾交给polish发布前的最终质量关。仓库把同一份技能参考以镜像形式分发到各 AI 运行时目录如.opencode/skills/impeccable/reference/delight.md、.claude/skills/...、.cursor/skills/...、.gemini/skills/...等并打包进plugin/skills/impeccable/reference/delight.md供 Claude Code、OpenCode、Cursor、Gemini CLI、Trae 等不同 harness 加载其中skill/reference/delight.md是带{{command_prefix}}占位符的模板原稿。因此你在任意受支持的运行环境里输入impeccable delight或等效前缀命令都会命中同一份方法论。参考文档的开头标注了一行元信息Additional context needed: the brands emotional range额外上下文需求品牌的情感范围。它提醒执行 agent在无法从项目材料推断品牌情绪尺度时必须向用户提问而不是闭眼乱加情绪——这一点在正文里被反复强调为仅在品牌情感范围或利害关系无法推断时才提问。一条总原则Delight 是产品角色不是通用俏皮话delight.md开门见山定义了整个方法论的价值内核Delight is not a layer of generic whimsy; it is product character revealed through a useful interaction, a humane response, or an unexpectedly considered detail. 愉悦不是一层通用的俏皮装饰它是通过一次有用的交互、一次有人情味的回应或一个出乎意料的用心细节所显现出来的产品角色。据此可以确立三个判断标准愉悦必须挣得earned出现的机会——只在值得的时刻出现愉悦必须来自产品自身——源自产品机制与视觉世界而非素材库里的现成套路愉悦必须保持任务可用——界面的核心职责永远不能被情绪表演掩盖。文档还给出一个非常尖锐的取舍Generic whimsy is worse than neutral clarity.通用的俏皮话比中性的清晰更糟。文案必须使用产品自己的语言当没有把握时保持中性清晰的表达反而更安全。先看访问者模式把个性放到对的地方impeccable 的每个表面surface都有对应的 visitor mode。主文档 SKILL.src.md 定义了四种模式其判定依据是这个表面上访客的成功形态而不是产品类型本身工具类产品的落地页仍是 Persuade时尚品牌的文档站仍是 Read模式访客成功形态典型场景Persuade访客做决定并行动设计即产品落地页、营销页、定价页Operate访客完成任务应用 UI、仪表盘、编辑器、设置、工具Read访客理解内容文档、文章、指南、帮助、更新日志Experience访客置身作品之中作品集、画廊、展示站delight.md据此给出两种截然不同的投放策略Persuade Experience个性可以贯穿语音voice、版式composition、动效motion与发现discovery前提是作品/产品本身仍是焦点。Operate Read把愉悦集中在真正有意义的时刻——首次使用、完成、恢复、精通first use, completion, recovery, mastery其余一切都由可靠性来承载。换言之Operate/Read 场景里彩蛋密度应远低于营销页任何对操作流程的打扰都要被视为缺陷。这套分流逻辑与 animate.md 的 visitor mode 保持一致Persuade/Experience 中动效可以承载声音Operate/Read 中动效只服务反馈、状态与连续性说明整个技能体系共享同一套情绪预算哲学。寻找机会六个值得投入情绪的缝隙开始动手前先检查目标的实际情况。delight 要求检查的对象包括目标本身target、DESIGN.md、产品语音、重复使用频率、情绪语境。在仓库根目录的DESIGN.md就是一个完整的Neo Kinpaku视觉系统导出金箔金 铜绿蚀 黑漆表面、Alumni Sans/Albert Sans 双字重体系、oklch 颜色令牌等它正是 agent 判断这个世界里什么样的愉悦才成立的素材。与之配套的PRODUCT.md由init写入、context.mjs加载则提供产品定位与语音上下文。在完成这些勘察后去寻找下列机会点值得被认可的努力effort worth acknowledging——用户付出较多操作成本的场景可以被信息化的等待waiting that can become informative——进度条并非只能空转能引导方向的首用/空态an empty or first-use state that can orient——空态先告诉用户下一步需要共情的错误/恢复时刻an error or recovery moment that needs empathy物理或语言回应能表达品牌的交互an interaction whose physical or verbal response could express the brand——按钮、开关、输入框的回答方式用户乐于发现的实用能力a useful capability people might enjoy discovering——隐藏的真价值值得被奖励式地发现。同时记住两条禁令不要为一个普通的点击制造庆典Do not manufacture a celebration for an ordinary click只有品牌情绪范围或利害关系无法推断时才提问——默认依据DESIGN.md、产品语音与项目证据自己判断。定义一个愉悦论点Delight Thesis找到一个机会点之后先写一句话用户在这个时刻应该感受到什么以及为什么这种感受属于这个产品。State in one sentence what the user should feel and why that feeling belongs to this product.然后选择能承载它的最小系统。文档给出了五个候选载体对某个有意义动作的独特回应a distinctive response to a meaningful action产品专属的语言在表达语音的同时澄清信息product-specific language that clarifies while carrying voice具有可辨识材质行为的交互或转场an interaction or transition with a recognizable material behavior——例如像纸一样翻动像砝码一样落下扎根于产品世界的插画、声音、触觉或环境细节an illustration, sound, haptic, or environmental detail grounded in the product world揭示真实用途的发现奖励a discovery reward that reveals real utility。关键约束是处理手法要从产品机制与视觉世界里推导出来而不是从一个库存目录里挑选Derive the treatment from product mechanism and visual world, not a stock catalog.。这与 animate.md 的说法同构——那里同样要求焦点动效必须来自本产品与本表面概念通用 fade-and-rise、hover lift、视差层、滚动 reveal 不构成论点。如果这次愉悦可以用在隔壁竞品上原封不动那说明论点还不够具体。为情感时刻而构建六个时刻的取舍细则delight.md用大量经验法则规定了每一类情感时刻该怎么处理Success成功让响应的规模匹配努力与后果重大里程碑可以展开major milestones can expand例行的保存只需确定routine saves should simply feel certain。把每一次点按都做成烟花只会稀释真正里程碑的仪式感。这与 polish 中完成、禁用、成功等状态要齐全的 triage 顺序互补——状态先做全情绪才谈得上恰到好处。Waiting等待展示真实的进度、有用的上下文或产品专属的活动truthful progress, useful context, or product-specific activity。绝不能伪造工作或人为拖慢完成时间来表演一个华丽效果Never fake work or delay completion to stage a flourish。这是诚信底线等待动画永远不得谎报任务状态。Empty and first use空态与首次使用在加入个性之前先让下一步动作清晰make the next action clear before adding personality。空态的第一职责是引导趣味只能排在第二位。仓库中onboard.md专门负责首次运行流程、空态、激活的设计delight 在此只做叠加而非替代。Error and recovery错误与恢复先用问题与恢复路径开场lead with the problem and recovery。温暖可以缓解压力但玩笑绝不能轻描淡写地对待损失、金钱、隐私或受阻的工作jokes must not trivialize loss, money, privacy, or blocked work。也就是说文案先给确定性情绪只做减震器。Repeated interaction重复交互让响应在第 100 次使用时依然令人满意keep the response satisfying after the hundredth use。变化只有在保持连贯、可预测到足以被信任时才是有用的Variation is useful only when it remains coherent and predictable enough to trust。这与动效中的中断与重复使用行为必须正确呼应——需要重复观看的动效必须可跳过、可中断。Discovery发现奖励好奇心但不得隐藏必需功能reward curiosity without hiding required functionality。彩蛋只能建立在功能完备之上绝不能成为功能的唯一入口。保护体验delight 的九条禁区delight.md明确列出愉悦不得触犯的边界。任何一条被违反这个时刻就不该被实现不得延迟、阻塞或掩盖主要任务不得覆盖平台惯例或无障碍规则platform conventions or accessibility不得添加未经请求的事实性声明unrequested factual claims——涉及事实/数据的文案必须先经确认不得在未经同意时播放声音或无视静音设置不得变得强制、不可跳过或在重复中令人疲惫不得增加与时刻不相称的依赖或资源成本。若需要创作动效delight 明确指引加载 animate.md同目录的动效参考同时要尊重屏幕阅读器、键盘使用、触控、本地化与文化语境非必要的循环动效在隐藏时必须停止庆祝强度要与频率和后果成比例Make celebration intensity proportional to frequency and consequence。换言之越常见、越低风险的时刻庆祝就要越轻。验证交付前必须逐条过检在把一个愉悦时刻提交之前用下面的清单自检具体性这个时刻是否足够具体让相邻产品无法原样照搬价值它是否改善了理解、信心、动机或情绪恢复comprehension, confidence, motivation, or emotional recovery降级可用没有这个华丽效果时界面是否仍然快速、明显fast and obvious重复耐受重复使用不会把魅力变成摩擦charm into friction可及性静音、键盘、触控与本地化路径是否都正常工作归属感结果是否像被选中的那个世界的产物而不是一份通用的 delight 处理最后一条尤其关键The result feels like the selected world, not a generic delight treatment.呼应了项目的核心信条——DESIGN.md里描述的 neo-kinpaku 系统漆器黑、金箔金、铜绿蚀就该只产生属于它的愉悦克制的金线、真实的材质纹理、精密的测量感而不是糖果色与弹性动画。收尾交接个性挣得之后交给 polishdelight.md的收尾指令很短却很重要When the personality feels earned, hand off to/impeccable polishfor the final pass.当个性表达挣得了存在权之后不应当无限自我打磨skill 核心原则之一就是有界验证、拒绝开放式自 QA而是把成果交给 polish.md 做最终关。polish 会做的事情包括区分功能缺陷与外观缺陷并分级修复、核对加载/空/错误/成功/禁用/权限状态、检查栅格与字距、验证语义色令牌与焦点对比度、清理调试输出与死代码最后对照DESIGN.md与相邻功能核对一致性。这两份文档的交接方式揭示了 impeccable 的设计哲学delight 负责想清楚情绪放在哪、为什么成立polish 负责保证它落地的每一处都跟系统的其余部分一样精确。情绪若没有系统级质量托底就只是昙花一现的装饰系统若没有情绪注入就只是冰冷的可靠。结合本指南你可以得到一条可直接执行的实战路径先在DESIGN.md与产品语音里确定品牌情绪范围 → 判断当前表面的 visitor modePersuade/Experience 可放开、Operate/Read 要克制→ 用六类缝隙寻找值得的时刻 → 写一句 delight thesis 并选择最小载体 → 按六个时刻细则实现 → 用九条禁区与最终清单验证 → 交给impeccable polish收官。这套流程既能让 AI 助手学会什么时候该克制也能让它在真正值得的时刻给出有产品气质、经得起重复与无障碍检验的惊喜。【免费下载链接】impeccableThe design language that makes your AI harness better at design.项目地址: https://gitcode.com/GitHub_Trending/im/impeccable创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表