本文へ移動
cccskills
無料GitHub で公開

direction-picker

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

インストール方法を見る

含まれるファイル(2)

  • SKILL.md1.8 KB
  • open-design.json844 B

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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:

  1. An active design system — its DESIGN.md palette, typography, spacing, and component rules are the direction. Bind its tokens and stop here.
  2. A brand spec, reference URL, or screenshot the user supplied — parse that source directly.
  3. Otherwise, infer the best-matching direction yourself from the brief's domain, audience, and tone, then bind its visual tokens. If the runtime provides only an index of direction ids and names, run "$OD_NODE_BIN" "$OD_BIN" tools directions --id <id> to retrieve the full specification — never infer colors or fonts from the name alone.

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

  • Asking the user to pick, compare, or confirm a visual direction.
  • Locking the user into a single direction with cosmetic alternates (a stated direction must be a defensible standalone bet).
  • Inferring palette or typography from a direction's name instead of resolving its specification.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composition with advanced transitions, interactive preview controls, and ready-to-render default style.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/open-design10.1万2026年10月13日 更新

Generate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad iteration.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/open-design10.1万2026年10月13日 更新

Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads. Use when the user asks for premium fashion-style motion pages, moody serif-led storytelling, or a high-end dark presentation aesthetic with rich transitions.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/open-design10.1万2026年10月13日 更新

Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking buttons, taking screenshots, extracting page data, reading selected OpenDesign browser-tab context, testing web apps, dogfooding OpenDesign previews, QA, bug hunts, or reviewing app quality. Prefer local OpenDesign preview URLs unless the user explicitly asks for external browsing.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/open-design10.1万2026年10月13日 更新

Full-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export. Useful for indie album experiments and brand soundtracks.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/open-design10.1万2026年10月13日 更新

Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/open-design10.1万2026年10月13日 更新

nexu-io のスキルをすべて見る

このスキルの問題を報告する