design-get-context

Clarifies the brief before design work by interrogating goal, user, JTBD, constraints, success, and scope, then writing a context.md the other design skills consume.

Source: DKeken

Cursor · CompatibleOpenAI Codex · CompatibleClaude Code · CompatibleDesign & Creative

At a glance

Best for
Any new design task where the spec is just a one-liner
Works with
Cursor · OpenAI Codex · Claude Code
Outcome
Reducing rework by nailing goal/user/success up front
Source
DKeken/codex-skills-alternative

01 / Understand the skill

About design-get-context

Clarify the brief BEFORE any design work to avoid building the wrong thing. Interrogates goal, user, constraints, success criteria, and scope, then writes a short context doc the other design skills consume.

Not a fit when

avoid building the wrong thing.

Read full description

Clarify the brief BEFORE any design work to avoid building the wrong thing. Interrogates goal, user, constraints, success criteria, and scope, then writes a short context doc the other design skills consume. Use when the user says "let's design X", "build a UI for Y", "get context", "clarify the brief", or kicks off any product-design task without a clear spec. First stage of the Product Design set — highest leverage for reducing rework.

02 / Confirm the fit

Use design-get-context when you need to

  • Any new design task where the spec is just a one-liner
  • Reducing rework by nailing goal/user/success up front
  • Producing a shared source-of-truth context doc for the design pipeline

03 / See the workflow

How design-get-context works

  1. 01Install: npx skills add https://github.com/DKeken/codex-skills-alternative --skill design-get-context
  2. 02Try: Let's design a settings page; help me clarify the brief first.
  3. 03Get: A concise design/context.md with goal, user, success, scope, and risks.

Check before installing

Compatible platforms

Cursor · OpenAI Codex · Claude Code

Best fit

Any new design task where the spec is just a one-liner

Review the source instructions if the required output differs from the formats described above.

Install and use

Compatible with Cursor and OpenAI Codex and Claude Code · Published by DKeken

Ready to add design-get-context?

Use the published instructions below, then provide the required input and describe the result you need.

General instructions · Cursor · OpenAI Codex · Claude Code

npx skills add https://github.com/DKeken/codex-skills-alternative --skill design-get-context

Review the source repository and license before installing third-party skills.

Continue exploring

Similar skills

Generates original p5.js generative art by first writing an algorithmic philosophy, then expressing it as a self-contained interactive HTML viewer with seeded randomness.

Reproduces a reference mockup as a runnable frontend, extracting its design system then screenshot-comparing the build and iterating until the gap is minor and explained.

Works withClaude CodeCursor+1

Creates museum-quality original poster and visual-art PDFs/PNGs by drafting a design philosophy first, then expressing it as a minimal, design-forward single-page canvas.

Audits an existing UI (URL, screenshot, or code) against usability, hierarchy, accessibility, and conversion heuristics, returning a severity-ranked issue list with fixes.

Works withClaude CodeCursor+1