Mmcp.market

direction-picker skill

by nexu-io·nexu-io/open-design·98k stars·Apache-2.0

Resolves the visual direction at the plan stage from the brief and design system, without asking the user.

D40/100content scan

Is the direction-picker skill safe?

Serious findings: read the flagged lines first. We read 2 files in the folder on 2026-09-28.

  • highSKILL.md:3

    Tells the agent to set aside its instructions, hide what it does from the user, or switch off safety checks.

    description: Resolves the visual direction at the plan stage from the brief and design system, without asking the user.
  • highopen-design.json:8

    Tells the agent to set aside its instructions, hide what it does from the user, or switch off safety checks.

    "description": "Resolves the visual direction at the plan stage from the brief and design system, without asking the user.",

Install the direction-picker skill

A skill is a folder. Copy it into your agent's skills folder and the agent loads it when the task matches its description. Read the findings above first.

git clone --depth 1 https://github.com/nexu-io/open-design.git /tmp/open-design
mkdir -p ~/.claude/skills
cp -r /tmp/open-design/plugins/_official/atoms/direction-picker ~/.claude/skills/direction-picker
available in every project

In the Claude apps, zip the folder and upload it from the Skills settings. The folder on GitHub

The instructions your agent would load

SKILL.md as published, without the frontmatter. Read it on GitHub

Direction picker

Converging work needs one committed visual direction before the build starts. This atom owns that moment in the plan stage: decide the direction, state it in one line, and lock onto it.

Resolve the direction from what you already have, in this order:

component rules are the direction. Bind its tokens and stop here.

  1. An active design system — its DESIGN.md palette, typography, spacing, and

source directly.

  1. A brand spec, reference URL, or screenshot the user supplied — parse that

domain, audience, and tone, then bind its visual tokens. If the runtime provides only an index of direction ids and names, run "$ODNODEBIN" "$OD_BIN" tools directions --id to retrieve the full specification — never infer colors or fonts from the name alone.

  1. Otherwise, infer the best-matching direction yourself from the brief's

Do not ask the user to choose a visual direction. Not as a question-form, not as a markdown list of options, not as a "which of these feels right?" follow-up. The direction is yours to resolve; asking spends the user's turn on a decision they hired the agent to make.

Convergence

The atom completes when the plan states the chosen direction. The agent's next turn must build against that direction — backtracking forces a fresh devloop iteration of the plan stage.

Anti-patterns the prompt fragment forbids

(a stated direction must be a defensible standalone bet).

  • Asking the user to pick, compare, or confirm a visual direction.
  • Locking the user into a single direction with cosmetic alternates

resolving its specification.

  • Inferring palette or typography from a direction's name instead of

More skills from nexu-io/open-design

  • Aarticle-magazineHuashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
  • Aaudio-jingleAudio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / ElevenLabs V3, and SFX to ElevenLabs SFX or AudioCraft. Output is one MP3/WAV file saved to the project folder.
  • Aaudio-jingleAudio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / ElevenLabs V3, and SFX to ElevenLabs SFX or AudioCraft. Output is one MP3/WAV file saved to the project folder.
  • Ablog-postA long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".
  • Ablog-postA long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".
  • Abuild-testRun the project's build / typecheck / lint / test commands and emit the build.passing + tests.passing signals devloop convergence reads.
  • Acard-twitterTwitter quote or data card designed to pair with a post.
  • Acard-xiaohongshuXiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.
  • Aclinical-case-reportStructured medical case presentation for clinical rounds, conferences, and documentation. Generates SOAP-format or narrative case reports with physiologically accurate vitals, labs, and evidence-based plans. Use when the brief mentions "case report", "case presentation", "SOAP note", "clinical case", "ward rounds", "case summary", or "patient presentation".
  • Aclinical-case-reportStructured medical case presentation for clinical rounds, conferences, and documentation. Generates SOAP-format or narrative case reports with physiologically accurate vitals, labs, and evidence-based plans. Use when the brief mentions "case report", "case presentation", "SOAP note", "clinical case", "ward rounds", "case summary", or "patient presentation".
  • Acode-importRead an existing repository's structure into the project cwd as a normalised snapshot the agent can analyse without re-walking the tree on every turn.
  • Acodex-interactive-capability-mapTurn a long-form article, thread, memo, or product narrative into a compact clickable capability map with a workflow loop, use-case matrix, and responsive detail panel.

All agent skills → · MCP servers