メニュー
Extract CSS :root and Tailwind v4 @theme tokens into DESIGN.md plus an AGENTS.md pointer. Use for frontend design-system facts. Not for coding conventions, non-frontend repos, or Tailwind v3 config themes.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Diagnose an agentsmd installation (安装故障诊断): prerequisites, hook registration/executability, config flags, and spec drift. Use after install/update or when hooks fail. Not for telemetry analysis; read-only.
Show agentsmd install state (安装状态清单), registered hooks, preserved tenants, config flags, and telemetry rows. Use for a quick inventory. Not for health diagnosis or rule analysis.
Distill coding conventions from source into AGENTS.md (提炼代码约定). Use for naming/import/error-handling analysis after agentsmd-init. Not for stack detection or design tokens.
Aggregate agentsmd rule-hit telemetry by section (遥测命中统计). Use for enforcement activity and raw hit counts. Not for promotion/demotion decisions or transcript violation rates; read-only.
Generate or refresh project AGENTS.md stack facts, commands, and structure (生成项目指令). Use before convention analysis. Not for inferring coding conventions or design tokens.
Measure whether surfaced memory hints were later cited in Codex transcripts. Use for memory hint follow-through and bypass rates. Not for rule-hit governance or memory editing; read-only.
| name | agentsmd-design |
| description | Extract CSS :root and Tailwind v4 @theme tokens into DESIGN.md plus an AGENTS.md pointer. Use for frontend design-system facts. Not for coding conventions, non-frontend repos, or Tailwind v3 config themes. |
Resolve the script root first. Set SKILL_MD to the selected SKILL.md absolute path from the live skills list; never infer it from the process cwd.
SKILL_MD="<selected SKILL.md absolute path from the live skills list>"
CANDIDATE_ROOT="$(cd "$(dirname "$SKILL_MD")/../.." && pwd)"
if [ -f "$CANDIDATE_ROOT/scripts/design.js" ]; then AGENTSMD_ROOT="$CANDIDATE_ROOT"; else AGENTSMD_ROOT="${CODEX_HOME:-$HOME/.codex}/agentsmd"; fi
Turns a frontend project's design tokens into a facts-only DESIGN.md the agent can read when doing UI work — colors, spacing, typography, radii, shadows — extracted deterministically from the project's own CSS. Keeps AGENTS.md lean (a one-line pointer, not the tokens).
node "$AGENTSMD_ROOT/scripts/design.js" # preview — writes nothing
node "$AGENTSMD_ROOT/scripts/design.js" --write # write DESIGN.md + the AGENTS.md pointer
agentsmd-analyze, which distills conventions with an AI step). Sources: :root { --x: … } custom properties and Tailwind v4 @theme { --x: … }.--write updates the two files but does not run git commit. The block is sentinel-delimited (<!-- agentsmd:design … -->) so a re-run refreshes it in place and preserves anything you wrote outside it.:root/@theme tokens are found the DESIGN.md says so — and for a Tailwind v3 project (theme in tailwind.config.js), it points you there (config-object parsing is a documented future extension).Runs against the current project directory (like init / analyze), not $CODEX_HOME. From the repo instead of an install: node scripts/design.js. For AI-distilled coding conventions (naming, imports, error handling), use agentsmd-analyze instead.