用途:该技能是 Claude 命令 /check-flutter-duskmoon-design 的 Codex 封装。执行时先阅读 phoenix-duskmoon-design 技能以理解全部设计规则,然后审计当前项目是否符合规范,并列出每处违规的文件路径、行号、违规代码与正确修复方式。命令中若出现 {{INPUT}}、$1 或具名参数,会从用户当前请求映射。
主要能力(共 15 项检查):1) 硬编码颜色(严重):在 .ex、.exs、.heex、.css、.js 中查找十六进制色值、rgb/rgba/hsl/hsla 颜色函数、属性中的命名 CSS 颜色、Tailwind 调色板类;排除注释、测试文件、.claude/ 技能参考文件、mix.exs 版本字符串、使用 currentColor 的 SVG。2) 主题设置:CSS 入口含 @plugin "@duskmoon-dev/core/plugin" 与 @import "phoenix_duskmoon/components",根布局 <html> 有 data-theme,<body> 有 bg-surface text-on-surface 或等价物。3) Appbar 使用 primary。4) 侧边栏与抽屉使用 secondary。5) 背景与文字配对。6) 表面层级顺序嵌套。7) 语义色误用:dm_btn 不应使用 variant="success"/"info"。8) 单视图多个主按钮。9) 优先用组件而非原生 HTML。10) 图标颜色覆盖。11) Tailwind 默认色阶。12) 排版。13) 布局深度。14) 间距一致性。15) 减少动效。
输出:按检查分组,汇总表展示每项通过或违规计数,最后给出总错误数与警告数,并逐条列出 file:line、代码片段与建议修复。
限制:资料未提供安装命令、运行方式、平台支持、收费或价格信息,暂未提供;该技能仅用于 Phoenix 项目设计规范审计。