← ClaudeAtlas

design-refslisted

Use only when autopilot-design dispatches visual-reference collection and brief creation. Not for top-level user requests or primary capability routing.
dmlguq456/hearting · ★ 7 · Web & Frontend · score 78
Install: claude install-skill dmlguq456/hearting
# design-refs ## Language Rule Follow an explicit artifact or audience language when provided. Otherwise, write the brief, captions, and user-facing report in the conversation language according to `<agent-home>/roles/response-policy.md`. Preserve paths, URLs, query literals, tool IDs, and source titles. ## Resolve the Design 1. Use explicit `--design <path>`. 2. Otherwise select the latest applicable `design_state.yaml` under `$AGENT_ARTIFACT_OUTPUT_DIR/designs/` or `$AGENT_ARTIFACT_OUTPUT_DIR/spec/*/design/`. 3. If no state exists, report that `design-init` must run first. ## Procedure Do not start without enough context to avoid generic output. When brand, design system, references, and tone are all absent, run one focused clarification round covering product context, the intended variation, tone, length, audience, and constraints. Skip this for a small follow-up. Prefer an explicit gap over an invented brief. ### Step 1: Organize User Material Process `--refs <paths>` and user attachments: - JPG, PNG, or WebP → copy or symlink under `01_refs/_internal/user_provided/` - URL → append to `01_refs/_internal/references_url.md` - text brief → write `01_refs/brief_input.md` Preserve originals and record whether an item was copied or linked. ### Step 2: Collect Optional External References Unless `--no-web` is set, derive focused image-search queries from scope. Useful patterns include: - `ui`: `<feature> dashboard UI inspiration`, `<feature> mobile app UI` - `slide`