🎯

design-style

🎯Skill

from nakanosanku/ohmyskills

What it does

A frontend design skill that automatically activates when building or improving web interfaces, UI components, landing pages, or visual elements, applying modern design principles across any framework.

📦

Same repository

nakanosanku/ohmyskills(5 items)

design-style

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add nakanosanku/ohmyskills --skill design-style

skills.sh Install⚠ Installs to .agents/skills/

npx skills add nakanosanku/ohmyskills --skill design-style

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/design-style/SKILL.md

SKILL.md

32Installs

138

Last UpdatedJan 9, 2026

View on GitHub Back to Skills

More from this repository4

🏪

nakanosanku-ohmyskills🏪Marketplace

A curated collection of Claude Code skills for enhanced development workflows including design system integration and production-grade frontend code generation.

🔌

design-system-analyzer🔌Plugin

A collection of Claude Code skills including a design style skill that retrieves design system prompts from designprompts.dev and a design system analyzer that extracts CSS tokens from live websites.

🔌

design-style🔌Plugin

A collection of Claude Code skills including a design style skill that retrieves design system prompts from designprompts.dev and a design system analyzer that extracts CSS tokens from live websites.

🎯

design-system-analyzer🎯Skill

Analyzes any website's UI style using ChromeDevTools to extract precise CSS tokens, animations, and interaction states, useful for creating design systems from existing websites.