bergside/awesome-design-skills: 67 Agent Skills
List of 67 awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch, Codex, Cursor, and other AI tools
| Repository | bergside/awesome-design-skills · website |
|---|---|
| GitHub stars | 3,092 |
| Skills | 67 |
| Category | Design and frontend |
| License | MIT |
| Last updated | Jun 28, 2026 |
| Install counts | bergside/awesome-design-skills on skills.sh, Vercel's skills directory, which shows installs and security audits per skill |
Install bergside/awesome-design-skills
| All skills, any agent | npx skills add bergside/awesome-design-skills |
|---|---|
| One skill | npx skills add bergside/awesome-design-skills --skill agentic |
| Only for Claude Code | npx skills add bergside/awesome-design-skills -a claude-code, or copy a skill folder to ~/.claude/skills/ (all projects) or .claude/skills/ (one project) |
npx skills is the open-source skills CLI; it asks which agents to install for. Skills can include scripts that your agent will run: read a skill before installing it, as you would any code.
Skills in bergside/awesome-design-skills
| Skill | What it does |
|---|---|
| agentic | Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows. |
| ant | Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications. |
| artistic | High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces. |
| basic | Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography. |
| bento | Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces. |
| bold | Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts. |
| brutalism | Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism. |
| cafe | Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience. |
| claude | A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the dominant ink. |
| claymorphism | Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces. |
| clean | Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter. |
| codex | A radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography carrying the visual weight. Black serves as the only filled color, the only divider, and the sole surface tone cards. |
| colorful | Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences. |
| contemporary | Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts. |
| corporate | Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns. |
| cosmic | Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements. |
| creative | Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects. |
| dithered | Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals. |
| doodle | Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel. |
| dramatic | High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention. |
| editorial | Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences. |
| enterprise | Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards. |
| expressive | Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure. |
| fantasy | Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements. |
| fiction | A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations — warm cream backgrounds, big bold custom display typography, saturated brand color blocks, thick black outlines, generously rounded shapes |
| flat | Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces. |
| friendly | Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes. |
| futuristic | Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic. |
| geometric | Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way. |
| glassmorphism | Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance. |
| gradient | Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth. |
| immersive | An immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful, experience-driven journey. The entire app sits on a single continuous brand-colored canvas (deep green) |
| impeccable | A modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color. |
| levels | Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed. |
| lingo | Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces. |
| material | Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns. |
| matrix | A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements |
| minimal | Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus. |
| modern | Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products. |
| mono | Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic. |
| neobrutalism | Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces. |
| neon | Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces. |
| neumorphism | Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look. |
| pacman | Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics. |
| paper | Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities. |
| perspective | Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism. |
| power | High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences. |
| premium | Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language. |
| professional | Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity. |
| pulse | Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality. |
| refined | Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes. |
| retro | Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements. |
| riso | A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section |
| roku | App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows. |
| sega | A playful, arcade-inspired interface for games — built on the VT323 pixel typeface, hard-edged 0px corners, chunky pill buttons that physically press into solid offset blocks |
| shadcn | Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns. |
| sketch | A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings, rounded pill controls. |
| skeumorphism | Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces. |
| sleek | Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing. |
| spacious | Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces. |
| square | Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication. |
| stitch | Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts. |
| storytelling | Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys. |
| terracotta | A sun-baked, clay-toned editorial interface built on warm cream surfaces, ink-brown headlines set in a display serif, and a single terracotta accent. |
| tetris | Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts. |
| vibrant | Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy. |
| vintage | 1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography. |
Names and descriptions come from each skill's SKILL.md and are written by the pack's authors.
More design and frontend skill packs
| # | Skill pack | Skills | GitHub stars | Updated |
|---|---|---|---|---|
| 1 |
Leonxlnx/taste-skill Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop
|
13 | 93.8K | 2026-10-08 |
| 2 |
tt-a1i/archify Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.
|
2 | 80K | 2026-10-08 |
| 3 |
openai/skills Skills Catalog for Codex
|
44 | 27.9K | 2026-09-08 |
| 4 |
teng-lin/notebooklm-py Unofficial Python API and agentic skill for Google Gemini Notebook. Full programmatic access to NotebookLM's features—including c…
|
1 | 19.7K | 2026-10-07 |
| 5 |
JimLiu/baoyu-design Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wirefr…
|
2 | 4,264 | 2026-09-23 |
| 6 |
glitternetwork/pinme Deploy Your Frontend in a Single Command. Claude Code Skills supported.
|
7 | 3,747 | 2026-09-12 |