design-directions

Solid

When Atlas design routing finds a structural commitment, sketch three different directions in text before code, including the status quo, and let the owner choose one.

Code & Development 103 stars 15 forks Updated today MIT

Install

View on GitHub

Quality Score: 85/100

Stars 20%
67
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Design directions before implementation Two evidence lines support this step. First, frontier models return to a persistent frontend default. Generic redirection such as “cleaner” or “not cream” replaces one default palette with another; only a concrete specification changes the structure. With sampling controls no longer exposed, generate several directions and let a person choose. Second, Dow, Glassco, Kass, Schwarz, Schwartz, and Klemmer, “Parallel Prototyping Leads to Better Design Results, More Divergence, and Increased Self-Efficacy” (ACM TOCHI 2010), found parallel alternatives superior to serial iteration on quality, divergence, and self-efficacy. `/design-council` reviews one built direction. This skill cheaply creates the alternatives before that review when the route identifies a structural choice. ## Ownership The owner of divergence is `chief`, not the builder `design-guardian`. A builder who authors the options biases them toward the one they want to implement and turns the rest into straw men. `chief` sketches, the human owner chooses, and the builder implements. ## A direction is structural, not a palette Atlas already fixes dark-only and tokens-on-ramps; since 2026-09-08 gradients, glow, glass and further hues are open, so a direction may spend them, but a direction is still a structure, not a coat of effects. Do not copy example colours, fonts, or assets from reference documents. Directions differ on at least one axis: | Axis | Structural differe...

Details

Author
wlsdks
Repository
wlsdks/ontology-atlas
Created
4 months ago
Last Updated
today
Language
TypeScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

design-direction

Establish a deliberate aesthetic point of view before building anything visual. Use this skill FIRST whenever starting any visual work — a website, landing page, app UI, dashboard, data visualization, slide deck, game screen, generative art piece, poster, or component library — even if the user only says "make it look good", "build me a page", or "design a UI". Also use it when the user complains that a design looks generic, bland, "AI-generated", or like a template. This skill produces a short written design philosophy that every other design decision follows.

2 Updated 1 months ago
jangles-byte
Web & Frontend Listed

design-brief

Use when a work item has real UI surface and its visual direction isn't settled - a request to make something look good, design a landing page or a screen, pick an aesthetic or a design system, fix a UI that reads as generic AI slop, or turn a vague "looks nice" into visual done-criteria the loop can verify. This is the design front-end `/groundwork` composes to settle foundation tokens and `/plan-grill` composes for a UI feature. Composes the host's design skill and sources one on a gap; hardcodes no aesthetic or stack. Not for auditing existing UI code against accessibility or style guidelines - that is a host design-review skill (`/web-design-guidelines`) or `/review`.

1 Updated 2 weeks ago
yoelgal
Web & Frontend Listed

frontend-design-direction

Use when the work is not just making UI function but making it feel purposeful and polished — choosing a deliberate design direction for a Laravel/Blade/Livewire/Filament interface.

7 Updated 1 weeks ago
pekral