๐ŸŽฏ

friendly

๐ŸŽฏSkill

from bergside/awesome-design-md-skills

VibeIndex|
What it does
|

Part of a curated registry of 67 design system skill files for AI tools like Claude Code, Cursor, and Codex. Each skill includes SKILL.md with AI-agent instructions (component rules, accessibility constraints, quality gates) and DESIGN.md with human-readable design rationale.

๐Ÿ“ฆ

Same repository

bergside/awesome-design-md-skills(67 items)

friendly

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add bergside/awesome-design-md-skills --skill friendly
skills.sh Installโš  Installs to .agents/skills/
npx skills add bergside/awesome-design-md-skills --skill friendly
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/friendly/SKILL.md

SKILL.md

87Installs
-
AddedApr 13, 2026

More from this repository10

๐ŸŽฏ
dashboard๐ŸŽฏSkill

A curated registry of 55+ design system skill files for AI coding agents like Claude Code and Cursor, covering styles from glassmorphism to brutalism. Each SKILL.md contains design tokens, component guidelines, accessibility rules, and implementation specs that instruct AI agents to follow a specific design system.

๐ŸŽฏ
luxury๐ŸŽฏSkill

Part of Awesome Design Skills, a curated registry of 55+ design system skill files for AI agents. This luxury design skill provides design tokens, component guidelines, accessibility rules, and implementation specifications that instruct AI agents to build interfaces following a luxury/professional aesthetic.

๐ŸŽฏ
glassmorphism๐ŸŽฏSkill

A design system skill providing implementation-ready guidance for glassmorphism UI effects with frosted glass layers, subtle blur, luminous borders, WCAG 2.2 AA accessibility compliance, and semantic token-based theming.

๐ŸŽฏ
clean๐ŸŽฏSkill

A "Modern & Minimal" design system skill from the Awesome Design Skills registry. Provides design tokens, component guidelines, accessibility rules, and implementation specs that instruct AI agents to follow a clean design system when building interfaces.

๐ŸŽฏ
shadcn๐ŸŽฏSkill

Provides shadcn/ui-inspired design system guidelines with minimal, clean components, a monochrome palette, utility-first patterns, and implementation-ready rules covering typography, color tokens, spacing, accessibility, and component states.

๐ŸŽฏ
contemporary๐ŸŽฏSkill

A design system skill file in the "Modern & Minimal" category from the awesome-design-md-skills registry, providing design tokens, component guidelines, accessibility rules, and implementation specifications that instruct AI agents to follow a contemporary design aesthetic when building interfaces.

๐ŸŽฏ
material๐ŸŽฏSkill

A design system skill providing implementation-ready guidance for Google's Material Design with layered surfaces, dynamic theming, built-in motion, WCAG 2.2 AA accessibility, and responsive cross-platform patterns.

๐ŸŽฏ
enterprise๐ŸŽฏSkill

A clean, high-contrast enterprise design system for data-driven workflows, featuring intuitive drag-and-drop patterns and structured layouts.

๐ŸŽฏ
premium๐ŸŽฏSkill

A premium design system skill with Apple-inspired aesthetics, providing implementation-ready guidance for typography, color tokens, spacing scales, accessibility (WCAG 2.2 AA), and component-level design rules.

๐ŸŽฏ
minimal๐ŸŽฏSkill

A stripped-back design system emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.