๐ŸŽฏ

doodle

๐ŸŽฏSkill

from bergside/awesome-design-skills

VibeIndex|
What it does
|

A design system skill with a hand-drawn, sketch-like aesthetic using the Delius Swash Caps font, doodle illustrations, and imperfect lines to create a playful, informal feel while maintaining WCAG 2.2 AA accessibility compliance.

๐Ÿ“ฆ

Same repository

bergside/awesome-design-skills(72 items)

doodle

Installation

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

SKILL.md

267Installs
-
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.