design
Use this skill FIRST for any UI-facing task. Do not jump straight to implementation patterns, component tweaks, or styling edits before setting design direction and applying these guardrails.
If this skill applies and you skip it, generic UI is the usual result: weak hierarchy, default-library aesthetics, and interaction quality that feels assembled rather than designed.
Related Skills
- design-interaction-motion-craft: motion behavior validation
- copywriting: marketing copy generation and rewrite support
- humanizer: remove AI-writing artifacts in UI copy
Routing discipline:
- Announce design-skill usage before substantial UI work.
- Establish design direction before writing or revising UI code.
- Route specialized subproblems immediately after direction-setting: motion to
design-interaction-motion-craft; marketing copy tocopywriting; anti-slop copy polish tohumanizer. - Keep shared goal explicit: we want interfaces that feel intentional, usable, and specific to the product.
Craft foundations:
- Use subtle layering: surfaces should differ just enough to express hierarchy.
- Keep borders quiet but legible; avoid border-forward composition.
- Pick one depth strategy per screen family (borders-only, subtle shadows, or layered shadows), do not mix arbitrarily.
More from derklinke/codex-config
copywriting
When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says "write copy for," "improve this copy," "rewrite this page," "marketing copy," "headline help," or "CTA copy." For email copy, see email-sequence. For popup copy, see popup-cro.
26supabase-postgres-best-practices
Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.
23pdf
Use when tasks involve reading, creating, or reviewing PDF files where rendering and layout matter; prefer visual checks by rendering pages (Poppler) and use Python tools such as `reportlab`, `pdfplumber`, and `pypdf` for generation and extraction.
23marketing-psychology
When the user wants to apply psychological principles, mental models, or behavioral science to marketing. Also use when the user mentions 'psychology,' 'mental models,' 'cognitive bias,' 'persuasion,' 'behavioral science,' 'why people buy,' 'decision-making,' or 'consumer behavior.' This skill provides 70+ mental models organized for marketing application.
22justfile-authoring
Create, edit, or review justfiles for the just command runner. Use when adding or modifying recipes, parameters, dependencies, settings, attributes, aliases, or shebang scripts; fixing invocation or working-directory behavior; or documenting tasks for `just --list` output.
22commit-conventions
Create conventional commit messages and plan commits. Use when a user asks to commit changes, write commit messages, or organize commits. Enforce repo-specific git/commit rules from AGENTS.md and split multiple logical changes into separate, digestible commits.
21