cf-design

# /cf-design > **CLI Requirement:** NONE — Works without `coding-friend-cli`. See [CLI requirements](../../../docs/cli-requirements.md) for the full matrix. Design UI with intent and consistency: **$ARGUMENTS** ## Modes Three modes, triggered by the first word of `$ARGUMENTS`: | Invocation | Mode | Purpose | | ----------------------------------- | ---------- | ------------------------------------------------------------------------------- | | `/cf-design scan [path]` | **Scan** | Read existing UI files → extract design patterns → save to `docs/DESIGN.md` | | `/cf-design [description]` | **Design** | Implement new UI from the user's description, using existing patterns as a base | | `/cf-design modify [what] -- [how]` | **Modify** | Change a specific UI element, enforcing consistency with existing patterns | If `$ARGUMENTS` is empty, ask the user which mode they want and what their goal is. --- ## Step 0: Custom Guide Custom guide — auto-loaded below (if the raw command shows instead of its output, run it yourself): ```! bash "${CLAUDE_PLUGIN_ROOT}/lib/load-custom-guide.sh" cf-design ``` If output is non-empty, integrate returned sections: `## Before` → before first step, `## Rules` → apply throughout, `## After` → after final step. ## Step 0.5: Load Existing Design Context Run: `bash "${CLAUDE_PLUGIN_ROOT}/skills/cf-design/scripts/...