Elegant Design

This is a comprehensive framework for building polished developer interfaces with React and Next.js. It walks you through the full process from OODA loop mapping to implementation, with deep guides on chat interfaces, terminals, code display, and streaming content. The opinionated stack pushes you toward shadcn/ui components, Geist for UI text, JetBrains Mono for code, and includes specific checklists for accessibility and performance. If you're building dev tools or technical UIs and want to avoid reinventing patterns for syntax highlighting, diff views, or terminal emulators, this gives you a structured path with concrete examples. The anti-patterns section alone will save you from common mistakes like auto-scrolling during user reads.

skills.sh installs: 184
GitHub stars: 189
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add rand/cc-polymath --skill elegant-design --agent claude-code

Installs into .claude/skills of the current project.

Files

Designing Elegant Interfaces

Philosophy

World-class design is intentional, accessible, and delightful. Every element serves a purpose, every interaction feels natural, and the experience adapts gracefully across contexts.

Core Principles:

Clarity over cleverness - Users should never wonder what to do next
Consistency over novelty - Patterns should repeat predictably
Performance over features - Fast, smooth interactions trump visual complexity
Accessibility always - Design for all users from the start
Progressive disclosure - Reveal complexity only when needed
Intentional friction - Make destructive actions harder, constructive actions effortless