๐ŸŽฏ

vibrant

๐ŸŽฏSkill

from bergside/awesome-design-skills

VibeIndex|
What it does
|

Design system skill with lively, colorful aesthetics featuring Noto Sans and Fascinate fonts, bold playful typography, warm accent colors, and dynamic visual energy with WCAG 2.2 AA accessibility.

๐Ÿ“ฆ

Same repository

bergside/awesome-design-skills(72 items)

vibrant

Installation

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

SKILL.md

260Installs
-
AddedApr 10, 2026

More from this repository10

๐ŸŽฏ
dashboard๐ŸŽฏSkill

A design system skill for building dark-themed cloud-platform dashboards with modular grids, glass-like panels, and strong data hierarchy, inspired by Heroku/Vercel/GitHub aesthetics with IBM Plex Sans typography and an 8pt baseline grid.

๐ŸŽฏ
luxury๐ŸŽฏSkill

A design system skill that provides implementation-ready guidance for a luxury brand aesthetic, featuring a modern bold style with dark monochromatic palette, Oswald typography, 8pt spacing grid, and accessibility-first interaction patterns.

๐ŸŽฏ
glassmorphism๐ŸŽฏSkill

A design system skill that provides implementation-ready Glassmorphism guidelines, including frosted glass effects with translucent layers, subtle blur, luminous borders, and WCAG 2.2 AA-compliant accessibility standards for modern UI development.

๐ŸŽฏ
premium๐ŸŽฏSkill

A premium design system skill from the Awesome Design Skills registry, providing design tokens, component guidelines, accessibility rules, and implementation-ready specifications for AI agents building interfaces.

๐ŸŽฏ
editorial๐ŸŽฏSkill

A design system skill providing magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences, from the Awesome Design Skills registry.

๐ŸŽฏ
minimal๐ŸŽฏSkill

A design system skill from Awesome Design Skills that provides minimal design tokens, component guidelines, accessibility rules, and implementation specs for AI agents. Part of a curated registry of design system skills installable via typeui.sh for consistent, accessible UI generation.

๐ŸŽฏ
neobrutalism๐ŸŽฏSkill

A design system skill file from the Awesome Design Skills registry that provides design tokens, component guidelines, accessibility rules, and implementation-ready specifications for AI agents to follow the Neobrutalism design system when building interfaces.

๐ŸŽฏ
neumorphism๐ŸŽฏSkill

A design system skill for neumorphism-style UIs featuring soft extruded elements with inner and outer shadows on monochromatic surfaces, including detailed component rules, WCAG 2.2 AA accessibility guidelines, and implementation-ready design tokens using Space Mono typography.

๐ŸŽฏ
futuristic๐ŸŽฏSkill

A design system skill providing implementation-ready guidelines for a futuristic aesthetic with tech-inspired typography (Roboto, Audiowide), modern color tokens, WCAG 2.2 AA accessibility, and structured component rules for engineers and designers.

๐ŸŽฏ
bento๐ŸŽฏSkill

A Layout & Structure design system skill from the Awesome Design Skills registry, providing bento-grid design tokens and component guidelines for organized, modular card-based interfaces.