Skip to content
Get packs

Direction Picker

Lets the agent choose one visual direction for a design task without asking the user.

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
2 files

What it does

When an agent is planning a design, this skill makes it pick one committed visual style before building. It uses the active design system if one exists, otherwise a brand spec or reference the user supplied, otherwise it infers a fitting direction from the brief's domain, audience and tone. The agent then applies that direction's colours, fonts and spacing, and is told not to ask the user to pick from options.

Great for

  • Designers who want the agent to make decisive visual choices instead of asking a list of questions
  • Developers using the Open Design tool to generate consistent UI or marketing visuals from a short brief
  • Teams that already maintain a design system and want new work to follow it automatically

Skip it if

  • Projects where the user genuinely wants to compare several visual options, since the skill discourages offering alternatives
  • Brand-sensitive work with no design system or brand spec, where an inferred direction may not match the real identity and should be reviewed

Try asking

  • “Plan a landing page for a sustainable coffee brand with a clear visual direction”
  • “Build a dashboard mockup for a fintech app using our existing design system”
  • “Create a slide deck for a children's education startup and pick the look yourself”
Step-by-step guide: how to use Direction PickerInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    direction-picker.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip direction-picker.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip direction-picker.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Provide a design system, brand spec or reference screenshot to get the most faithful result, since those take priority over inference.
  • State your audience and tone in the brief, because the agent infers the direction from them when no source is supplied.
  • Review the stated direction line in the plan before the build starts, since backtracking later costs a full planning iteration.

What's inside

  • open-design.json
  • SKILL.md

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.