OpenSkillIndex← back to search
claude-code

Ui-ux-suite style-direction

Visual style direction recommendation with current style analysis + top 3 directions with implementation guidance

install
source · Clone the upstream repo
git clone https://github.com/Aboudjem/ui-ux-suite
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/Aboudjem/ui-ux-suite "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/style-direction" ~/.claude/skills/aboudjem-ui-ux-suite-style-direction && rm -rf "$T"
manifest: skills/style-direction/SKILL.md
source content

/style-direction: Visual Style Recommendation

Get a visual style direction recommendation for your project.

Flow

  1. Analyze current visual style
  2. Identify product type and likely audience
  3. Compare against 10 viable style directions
  4. Recommend top 3 with rationale
  5. For each recommendation: characteristics, implementation checklist, risk factors, reference products

10 Style Directions

  1. Neo-Minimal - max whitespace, single accent, ultra-clean
  2. Soft Material - subtle shadows, rounded corners, layered
  3. Editorial - strong typography, generous whitespace, grid-based
  4. Glass/Depth - translucent layers, blur, depth cues
  5. Dark Luxury - dark surfaces, premium accents, bold
  6. Warm Organic - warm neutrals, rounded, hand-drawn
  7. Dense Functional - high density, compact, utility-focused
  8. Bold Expressive - strong colors, large type, animated
  9. Calm Tech - muted colors, gentle motion, mindful
  10. System Native - OS conventions, familiar, low-friction

Output

  • Current style assessment
  • Top 3 recommended directions with:
    • Why it fits
    • Key characteristics to implement
    • Risk factors
    • Durability estimate
    • Reference products
    • Implementation checklist