SuperAPI AI 工具集

cmd-check-phoenix-duskmoon-design

设计与创作

查看项目

更新于 10-16 05:50

技能介绍

用途:该技能是 Claude 命令 /check-phoenix-duskmoon-design 的代理技能包装器,用于在 Codex 中运行同一工作流。执行时先读取 phoenix-duskmoon-design 技能以了解全部设计规则,然后审计当前项目是否符合规范,并逐条报告违规的文件路径、行号、问题代码和正确修复方式。若原命令引用 {{INPUT}}、$1 或具名参数,则从用户当前请求中映射。

主要能力(共 15 项检查):1) 硬编码颜色(严重):在 .ex、.exs、.heex、.css、.js 中搜索十六进制色值、rgb()/rgba()/hsl()/hsla()、颜色属性中的命名 CSS 颜色、Tailwind 调色板类(如 bg-blue-500),排除注释、测试文件、.claude/ 技能引用文件、mix.exs 版本字符串以及使用 currentColor 的 SVG。2) 主题设置:检查 CSS 入口的 @plugin 与 @import、根布局 <html> 的 data-theme、<body> 的 bg-surface text-on-surface。3) Appbar 使用 primary 色。4) 侧边栏与抽屉使用 secondary 色。5) 背景与文字配对(如 bg-primary 缺 text-primary-content 记为警告)。6) 表面层级顺序嵌套违规。7) 语义色误用。8) 单视图多个 primary 按钮。9) 可用 dm_* 组件时使用原生 HTML。10) 图标颜色覆盖。11) Tailwind 默认色阶。12) 排版(字体变量、heading 字体)。13) 布局深度。14) 间距一致性(同一模板不超过 2 种 gap 尺度)。15) 减少动态效果(prefers-reduced-motion)。

输出:按固定清单格式给出每项 ✓/✗ 或 ⚠ 状态,统计错误与警告总数,并按检查项分组列出每条违规的 file:line、代码片段与修复建议。

限制:仅针对 DuskMoon 设计规范的合规审计,不负责代码生成或重构;具体运行参数、依赖与平台细节资料来源未提供。