Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Design — Ideate · dkeken | DecimalAI

design mediaby dkeken

Design — Ideate

dkeken/design-ideate

Source dkeken/codex-skills-alternative ↗License MIT

Generate several distinct UI directions for a screen or flow before committing to one. Produces 2-4 named interface directions with layout logic, component choices, and tradeoffs, optionally with generated mockup images.

SkillScore86Maintained

Automatic

Design & UX Review pack

Last verified 8/6/2026

What it changes

Passed 19 of 22 test cases with the skill, and 13 of 22 without it.

Without skill59%

With skill86%

Checks it passed that the model alone missed

Limits the proposed directions to between 2 and 4 options.
Specifies the placement of primary actions for each direction.
Outlines component choices and layout logic for each direction.

and 6 more in the full report

6 fixed13 passed either way3 still failing0 broke

Pass-rate lift: +27 pp
Tokens: +27%
Agent turns: 0%
Response time: -17%

Model gemini-3.6-flashMeasured 8/6/2026v119 of 22 cases passed with skill

Tokens, turns and time describe resource use, not a dollar price.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/dkeken-design-ideate/SKILL.md https://app.decimal.ai/s/dkeken-design-ideate/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add dkeken-design-ideate, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/dkeken-design-ideate/ and pins it in .decimal/skills.lock

decimalai skills add dkeken-design-ideate

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/dkeken-design-ideate/SKILL.md https://app.decimal.ai/s/dkeken-design-ideate/SKILL.md

Raw file: /s/dkeken-design-ideate/SKILL.md ↗ · machine-readable summary at /s/dkeken-design-ideate.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 6 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 6

Prompt

If we decide to create visual mockup images for our three proposed dashboard layout directions, where should those image files be saved in our design workspace?

What was checked, without and with the skill
Checked	Without skill	With skill
Saves mockup images under the dedicated ideation directory path for each direction.	Missed	Passed

case-12 · gemini-3.6-flash · 8/6/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md69 linessingle file

Design — Ideate

Produce genuinely different interface directions so the user chooses deliberately, not by default. Each direction is a different organizing principle for the same goal — not a recolor of one layout. The output makes tradeoffs explicit so the choice is reasoned.

When to use

After context/research, before building anything.
The user wants options ("give me a few layouts") not a single answer.
A flow could be structured multiple valid ways and you want to surface the tradeoffs.

When NOT to use

The brief is unclear → design-get-context first.
One direction is already chosen → go to design-image-to-code / design-prototype.
It's a tiny tweak to an existing screen → just do it / design-audit.

Inputs

./design/context.md (goal, user, success) + ./design/research.md (patterns, pains) if they exist.
The screen/flow to design.

Workflow

Diverge on structure. Propose 2-4 named directions, each a different organizing principle (e.g. "Dense Dashboard" vs "Guided Wizard" vs "Single Canvas"). If they share layout structure, they're the same direction.
For each: layout logic, primary-action placement, component choices, what it optimizes for, what it sacrifices.
(Optional) generate a mockup image per direction with an image tool, UI-mock style, respecting the product's IA + design-system constraints. Save to ./design/ideate/<direction>.png.
Map each direction to the goal/success criteria from context — which one best serves the metric?
Recommend one, state why, ask the user to pick. Winner → design-image-to-code or design-prototype.

Worked example

Goal (from context): cut onboarding drop-off; JTBD = create first project in <2 min.

## Direction A — "Guided Wizard"
principle: one decision per step, minimal cognitive load
layout: centered card, progress rail, single CTA per step
optimizes: completion rate for novices (directly serves the goal)
sacrifices: speed for power users; feels slow if you know what you want
fits goal: strong — fewer choices per screen = less abandonment
[mock: ./design/ideate/guided-wizard.png]

## Direction B — "Single Canvas"
principle: everything on one screen, progressive reveal
layout: left config panel + live preview right
optimizes: speed + sense of control for confident users

Track record

Benchmark

19 / 22

test cases passed, vs 13 / 22 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/2/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

dkeken / codex-skills-alternative

skills/design-ideate/SKILL.md

View on GitHub ↗

License MITImported 8/2/2026Version v1

More skills from the same source and nearby in the registry, with their headline benchmark lift.

Ready to supercharge your AI agents?

See it in action

What's inside

Design — Ideate

When to use

When NOT to use

Inputs

Workflow

Worked example

Track record

Benchmark

Adoption

SkillSafety

Source

Related skills