design-styles
Choose named visual styles with reference images and starter design tokens
- Stars
- 0
- Forks
- 0
- Updated
- Updated Jun 25, 2026
Choose named visual styles with reference images and starter design tokens
design-styles is a library of 50 named visual directions, from Neoclassical and Japandi to Synthwave and Glassmorphism. Each entry pairs a reference image with core elements, mood, layout and motion notes, starter CSS tokens, and an adaptable image prompt. Use it to compare a few directions, build a moodboard, combine styles, or brief an image, video, carousel, or frontend concept.
Resource types
Use cases
Platforms
Turns one idea into a clean peanut-led concept illustration.
Keeps generated UI aligned with explicit design rules.
Audience
Public GitHub facts last synced Jul 10, 2026.
Route a design brief through color, effects, typography, and icon skills in a coherent order.
Plan product design projects in Claude with reusable PRCSS workflows.