SuperAPI AI 工具集

impeccable

前端与建站

查看项目

更新于 10-16 04:04

技能介绍

用途

impeccable 用于设计和迭代生产级前端界面,目标是产出可直接交付的真实代码,而非原型或起点。它强调明确的设计决策与出色的工艺,适用于需要设计、重新设计、塑造、评审、审计、打磨、澄清、提炼、加固、优化、适配、添加动效、配色、提取等前端界面相关任务的场景。

主要能力

该技能提供一套命令体系,按类别划分:

  • 构建类:craft(端到端构建功能)、shape(写代码前规划 UX/UI)、init(设置项目上下文,生成 PRODUCT.md、DESIGN.md 等)、document(从现有代码生成 DESIGN.md)、extract(提取可复用 token 与组件到设计系统)。
  • 评估类:critique(带启发式评分的 UX 设计评审)、audit(技术质量检查,含无障碍、性能、响应式)。
  • 精修类:polish(发布前最终质量检查)、bolder(放大平淡设计)、quieter(收敛过度刺激的设计)、distill(提炼本质、去除复杂)、harden(生产就绪:错误、国际化、边界情况)、onboard(设计首次运行流程、空状态、激活)。
  • 增强类:animate(添加有目的的动效)、colorize(为单色 UI 添加策略性色彩)、typeset(改进排版层级与字体)、layout(修复间距、节奏与视觉层级)、delight(添加个性与记忆点)、overdrive(突破常规限制)。
  • 修复类:clarify(改进 UX 文案、标签与错误信息)、adapt(适配不同设备与屏幕尺寸)、optimize(诊断并修复 UI 性能)。
  • 迭代类:live(视觉变体模式:在浏览器中选择元素并生成替代方案)。

使用方式

使用前必须执行设置步骤:每个会话运行一次 node .agents/skills/impeccable/scripts/context.mjs,该脚本会打印项目的 PRODUCT.md(以及存在时的 DESIGN.md),或提示缺失。若报告 NO_PRODUCT_MD,需先按 reference/init.md 操作。若输出以 UPDATE_AVAILABLE 结尾,需按提示处理(询问用户一次是否更新,然后继续)。

若用户调用了子命令(craft、shape、audit、polish 等),必须阅读 reference/<command>.md,该文件定义了命令流程。

需熟悉代码中已有的设计系统、约定与组件,至少阅读一个项目文件(CSS / tokens / 主题 / 代表性组件或页面)。

需阅读匹配的 register 参考:若项目是营销、落地页、活动、长文内容或作品集(设计即产品),阅读 reference/brand.md;若是应用 UI、管理后台、仪表盘或工具(设计服务于产品),阅读 reference/product.md。选择依据依次为:任务线索、聚焦的表面、PRODUCT.md 中的 register 字段。

若项目是全新的(未发现已有 CSS token / 主题 / 品牌色),运行 node .agents/skills/impeccable/scripts/palette.mjs 获取品牌种子色与构图指导,并围绕它用 OKLCH 构建其余调色板。若已发现品牌色,则跳过此步,优先保持身份一致性。

适用场景

适用于需要设计或迭代前端界面的各类场景,包括新项目从零构建、现有项目评审与打磨、设计系统提取、动效与配色增强、响应式适配、性能优化、文案澄清等。既适用于品牌导向的营销页面与作品集,也适用于产品导向的应用 UI、管理后台与工具。

限制

该技能包含大量具体的设计规范与禁止项,例如:正文对比度需 ≥4.5:1,大文本需 ≥3:1;正文行宽上限 65–75ch;字体家族数量上限 3;hero 标题 clamp() 最大值 ≤ 6rem;展示标题字距 ≥ -0.04em;禁止侧边条纹边框、渐变文字、默认玻璃拟态、hero 指标模板、相同卡片网格、每个区块上方的小型大写字母 eyebrow、默认编号区块标记、文本溢出容器等。还针对特定缺陷设定了禁止项,如 1px 边框加宽阴影的“幽灵卡片”、卡片圆角 32px+、手绘风格 SVG 插图、重复线性渐变条纹背景、“X theater”类文案等。动效方面要求尊重 prefers-reduced-motion,揭示动画必须增强已可见的默认状态。文案方面禁止破折号、营销流行语,按钮标签需为动词+宾语,链接文本需独立可读。

关于收费、价格、平台支持等具体信息,资料中暂未提供。