Installs into .claude/skills of the current project.
Are you the author of Design Directions?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/wlsdks-design-directions)
---
name: design-directions
description: Propose structural Atlas design alternatives when design routing requires directions and the owner has not already selected one.
---
# Design directions before implementation
Two evidence lines support this step.
First, frontier models return to a persistent frontend default. Generic
redirection such as “cleaner” or “not cream” replaces one default palette with
another; only a concrete specification changes the structure. With sampling
controls no longer exposed, generate several directions and let a person choose.
Second, Dow, Glassco, Kass, Schwarz, Schwartz, and Klemmer, “Parallel
Prototyping Leads to Better Design Results, More Divergence, and Increased
Self-Efficacy” (ACM TOCHI 2010), found parallel alternatives superior to serial
iteration on quality, divergence, and self-efficacy.
One `reviewer` reviews the built direction when the route says `review=yes`.
This skill cheaply creates the alternatives before that review when the route
identifies a structural choice.
## Ownership
The coordinating session sketches the directions, never the builder
(`design-guardian` or an implementer). A builder who authors the options biases
them toward the one they want to implement and turns the rest into straw men. If
the coordinator will also build, it says so. The human owner chooses, the builder
implements, and the `reviewer` never sketches.
## A direction is structural, not a palette
Atlas already fixes dark-only and tokens-on-ramps; since 2026-09-08 gradients,
glow, glass and further hues are open, so a direction may spend them, but a
direction is still a structure, not a coat of effects. Do not copy example colours, fonts, or assets from reference documents.
Directions differ on at least one axis:
| Axis | Structural difference |
|---|---|
| Hierarchy | what the eye reaches first |
| Layout and density | grouping, rows, and spatial ownership |
| Interaction model | modal, inline, popover, or in-place action |
| Motion information | which state change moves and what that movement explains |
Different values inside the same shape are adjustments, not directions.
## When
Run only when `pnpm design:route` returns `directions=yes`: a new surface,
information architecture, primary interaction model, or primary attention
model. Do not invoke it for generic “non-trivial” work, token swaps, copy edits,
spacing/layout fixes inside a selected shape, responsive repairs, or motion
tuning.
## Reuse an existing selection
If the owner has already selected a concrete direction in this session, record
that selection and proceed with its implementation. Reopen selection only when
the requested structure or a material constraint changes; identify that change
before requesting a decision. An implementation request without a selected
structural direction still follows the rules below.
## Rules for a new selection
Apply this section only when a new owner selection is needed. The text-only
restriction covers proposed alternatives; it does not prohibit reading source
or inspecting the current baseline. An already selected direction proceeds to
"After selection" without regenerating alternatives.
1. Use text and ASCII only—no code, build, or screenshot. A built option wins by
sunk cost.
2. Produce exactly three directions. Two is a forced binary; more turns choosing
into the task.
3. One direction is **the status quo**. “Change nothing” must be able to win.
4. Each direction states the observation that would prove it wrong.
5. Do not propose a forbidden pattern. Request a rule change separately.
6. Build only the one selected by the human owner. Never merge directions into a
third shape nobody chose.
7. If a spec under `docs/specs/` governs the change, every direction lists the
States rows and acceptance criteria it meets and explains any it leaves out.
## Output
```md
## Directions — <change>
**What this screen does now**: <one sentence>
**Diverging axes**: hierarchy / layout and density / interaction / motion
### A. Status quo
<honest current shape and what already works>
**Wins when**: …
### B. <structural name, not an adjective>
<ASCII sketch with known dimensions>
**Changes**: <axis and change>
**Cost**: <what is lost>
**Wrong if**: <observable falsifier>
### C. …
**Existing measurements**: <numbers or none>
**Recommendation**: <one direction and why; the owner still chooses>
```
## After selection
1. Record the selected direction in one implementation-grade sentence.
2. Implement only that sentence and retain rejected directions as history.
3. Give the built direction to one `reviewer` only when the same route says
`review=yes`; it reviews the chosen direction rather than selecting one.
4. Run only the route's proof packet. Every rendered result includes an Orca
Computer Use capture; motion includes a real screen recording.
## Failure modes
| Failure | Signal |
|---|---|
| all directions are one | none differs on the four axes |
| status quo is absent | change cannot lose |
| no option has a cost | alternatives were not investigated |
| code predates directions | post-hoc justification |
| directions are merged | the screen matches no selected option |