visual-style-presets

Installation
SKILL.md

Visual Style Presets

One skill, nine presets. Each preset is a complete direction: a surface ladder, an accent rule, a type pairing, and one signature structural motif that carries the identity. Pick a preset, apply its tokens, then commit to its motif.

How to use this

  1. Pick the preset that matches the request. If the user named a vibe ("premium dark", "paper-like", "engineered"), map it to the closest preset below.
  2. Copy that preset's token block verbatim as the foundation. Retune hues to brand.
  3. Implement the signature motif — this is what makes the preset legible. Skipping it leaves generic output regardless of the palette.
  4. Apply the universal rules at the bottom. They matter more than the palette.

Do not blend two presets in one interface. Mixed glassmorphism + skeuomorphism + frames is the single most common failure. One material system per screen.


Installs
3
GitHub Stars
211
First Seen
3 days ago
visual-style-presets — boraoztunc/skills