메뉴
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.