用途:用于在设计需求模糊时先量化诊断、再针对性修复。适合“改进我们的设计”“这个设计好不好”这类不好直接下手的请求,也支持 WCAG 对比度审计、仪表盘设计、B2B SaaS 设计等场景。
主要能力分两部分。测量部分:npx dwic-audit 是该包自带的确定性静态扫描命令,跨 8 个类别(color、typography、spacing、accessibility、forms、navigation、motion、copy)运行 WCAG 对比度计算、token 解析和标记启发式检查,不运行 LLM。它会打印一个面板,写出可分享的 .dwic/audit-<date>.md,并在出现错误时以非零状态退出,因此可接入 CI。数据不离开本机。该审计无需安装、无需 token。
修复部分:设计专家以斜杠命令形式提供,每个都是纯 Markdown 编写的领域专家,无运行时依赖。审计的类别对应到专家,例如对比度失败指向 /color-specialist,未标注的输入框指向 /form-designer。/design-triage 会读取审计报告,按排名顺序处理发现的问题;当问题横跨多个领域时,/design-brief 可接收自然语言简述进行分派。
使用方式:若已安装,直接在代理的 skills 目录中调用 design-with-claude 技能;未安装时,通用代理(Claude Code、Cursor、Cline、Gemini CLI、Antigravity 等)可用 npx skills add imsaif/design-with-claude 安装;Claude Code 插件方式为 /plugin marketplace add imsaif/design-with-claude。安装后触发短语包括 “design with claude”“audit my design system”“WCAG contrast audit”“dashboard design”“b2b SaaS design”。
限制:不适用于没有设计成分的非视觉工作;不适用于你已知道如何修改的一行 CSS 改动;当已安装某个足够聚焦的单一技能时,不建议为一次性需求安装整套。本包为 MIT 许可,完整包名为 imsaif/design-with-claude。具体平台支持范围与价格等资料暂未提供。