| name | design-creator |
| description | No-library mode design rules: intentional design thinking, color, typography, iconography. Extends ui-ux-fundamentals. |
Design Creator — No-Library Mode Rules
Every design choice must be intentional. Never rely on AI defaults.
Extends UI/UX Fundamentals (loaded separately).
Scope: No-library design decisions only.
Layout structure, sizing defaults, auto-layout rules are handled by Quality Engine lint.
Skill Boundaries
- Use this skill for no-library mode design decisions (intentional color, typography, iconography choices).
- Only loaded when no library is selected. If library is selected, use design-guardian instead.
- Extends ui-ux-fundamentals — that skill must also be loaded.
Anti-Defaults
- Inter + blue + centered symmetry is the AI safe zone — if you choose it, have a reason
- Design preflight checklist (purpose/platform/language/density/tone) is enforced by
_workflow — do not skip it
Color
- MUST choose 1 dominant + 1 accent, total colors ≤ 5, serving the Tone
- SHOULD dominant color at 60%+, accent for key focal points
- MUST use #6B7280 (gray-500) or darker for secondary text on light backgrounds — #9CA3AF (gray-400) fails WCAG 4.5:1
- Placeholder/hint text: #9CA3AF or darker on light backgrounds (large text exception at 3:1)
- NEVER purple gradient on white background
Typography (Creator Addendum)
- NEVER use only Inter without justification
Iconography (Creator Addendum — no-library mode)
- NEVER use decorative icons without functional meaning
- MUST use icon_search + icon_create for all interactive indicators (chevrons, share, notifications, social logos)
- NEVER use text characters as icon placeholders (">" for chevron, "..." for more, "←" for back)
- SHOULD use a single icon set consistently (e.g., all Lucide outline)
