Tooluck logoTooluck
Skill repository

bergside /

awesome-design-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

Stars
3.6k
Skills
40
License
MIT
Last commit
Jun 28, 2026
install.sh
# every skill in this repo, via the skills CLI
npx skills add bergside/awesome-design-skills

# or, for Claude Code, copy one skill folder into

~/.claude/skills/ (all projects)

.claude/skills/ (this project)

View bergside/awesome-design-skills on GitHub
Inside this pack

40 skills in awesome-design-skills

Each skill is a SKILL.md file your agent loads when a task matches its description.
  1. 01
    agentic

    Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.

    Preview SKILL.md
  2. 02
    ant

    Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.

    Preview SKILL.md
  3. 03
    artistic

    High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.

    Preview SKILL.md
  4. 04
    basic

    Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.

    Preview SKILL.md
  5. 05
    bento

    Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.

    Preview SKILL.md
  6. 06
    bold

    Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.

    Preview SKILL.md
  7. 07
    brutalism

    Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.

    Preview SKILL.md
  8. 08
    cafe

    Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.

    Preview SKILL.md
  9. 09
    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.

    Preview SKILL.md
  10. 10
    claymorphism

    Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.

    Preview SKILL.md
  11. 11
    clean

    Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.

    Preview SKILL.md
  12. 12
    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.

    Preview SKILL.md
  13. 13
    colorful

    Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.

    Preview SKILL.md
  14. 14
    contemporary

    Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.

    Preview SKILL.md
  15. 15
    corporate

    Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.

    Preview SKILL.md
  16. 16
    cosmic

    Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.

    Preview SKILL.md
  17. 17
    creative

    Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.

    Preview SKILL.md
  18. 18
    dithered

    Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.

    Preview SKILL.md
  19. 19
    doodle

    Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.

    Preview SKILL.md
  20. 20
    dramatic

    High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.

    Preview SKILL.md
  21. 21
    editorial

    Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.

    Preview SKILL.md
  22. 22
    enterprise

    Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.

    Preview SKILL.md
  23. 23
    expressive

    Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.

    Preview SKILL.md
  24. 24
    fantasy

    Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.

    Preview SKILL.md
  25. 25
    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

    Preview SKILL.md
  26. 26
    flat

    Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.

    Preview SKILL.md
  27. 27
    friendly

    Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.

    Preview SKILL.md
  28. 28
    futuristic

    Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.

    Preview SKILL.md
  29. 29
    geometric

    Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.

    Preview SKILL.md
  30. 30
    glassmorphism

    Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.

    Preview SKILL.md
  31. 31
    gradient

    Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.

    Preview SKILL.md
  32. 32
    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)

    Preview SKILL.md
  33. 33
    impeccable

    A modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color.

    Preview SKILL.md
  34. 34
    levels

    Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.

    Preview SKILL.md
  35. 35
    lingo

    Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.

    Preview SKILL.md
  36. 36
    material

    Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.

    Preview SKILL.md
  37. 37
    matrix

    A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements

    Preview SKILL.md
  38. 38
    minimal

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

    Preview SKILL.md
  39. 39
    modern

    Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.

    Preview SKILL.md
  40. 40
    mono

    Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.

    Preview SKILL.md

Skills can include instructions and scripts that your agent will run. Read the SKILL.md and any bundled files before installing. Tooluck lists public GitHub data and does not audit this code.

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates