Skill collection
bergside/awesome-design-skills agent skills
- skills
- 67
- GitHub stars
- 3.1k
GitHub description: “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,114 (297 forks)
- Licence
- MIT
- Last push
- Jun 2026
- Created
- Mar 2026
- Homepage
- typeui.sh/design-skills
- agent-skills
- agentic-ai
- agentic-workflow
- agents
- ai
- ai-agents
- ai-tools
- awesome
- awesome-list
- awesome-readme
- design
- design-system
- skills
- design-md
- claude-design
- codex
Install all skills
npx skills add bergside/awesome-design-skillsAdd --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).
Skills in bergside/awesome-design-skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | 1.Agentic Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows. | bergside/ | 3.1k | 1 repo | ~991 | Automated safety check: Pass | MIT | 3 mo ago |
| 2 | 2.Ant Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications. | bergside/ | 3.1k | 1 repo | ~956 | Automated safety check: Pass | MIT | 3 mo ago |
| 3 | 3.Artistic High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces. | bergside/ | 3.1k | 1 repo | ~938 | Automated safety check: Pass | MIT | 3 mo ago |
| 4 | 4.Basic Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography. | bergside/ | 3.1k | 1 repo | ~969 | Automated safety check: Pass | MIT | 3 mo ago |
| 5 | 5.Bento Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces. | bergside/ | 3.1k | 1 repo | ~878 | Automated safety check: Pass | MIT | 3 mo ago |
| 6 | 6.Bold Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts. | bergside/ | 3.1k | 1 repo | ~854 | Automated safety check: Pass | MIT | 3 mo ago |
| 7 | Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism. | bergside/ | 3.1k | 1 repo | ~900 | Automated safety check: Pass | MIT | 3 mo ago |
| 8 | 8.Cafe Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience. | bergside/ | 3.1k | 1 repo | ~874 | Automated safety check: Pass | MIT | 3 mo ago |
| 9 | 9.Claude A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. | bergside/ | 3.1k | 1 repo | ~1.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 10 | 10.Claymorphism Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces. | bergside/ | 3.1k | 1 repo | ~887 | Automated safety check: Pass | MIT | 3 mo ago |
| 11 | 11.Clean Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter. | bergside/ | 3.1k | 1 repo | ~918 | Automated safety check: Pass | MIT | 3 mo ago |
| 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. | bergside/ | 3.1k | 1 repo | ~1k | Automated safety check: Pass | MIT | 3 mo ago |
| 13 | 13.Colorful Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences. | bergside/ | 3.1k | 1 repo | ~889 | Automated safety check: Pass | MIT | 3 mo ago |
| 14 | 14.Contemporary Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts. | bergside/ | 3.1k | 1 repo | ~920 | Automated safety check: Pass | MIT | 3 mo ago |
| 15 | 15.Corporate Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns. | bergside/ | 3.1k | 1 repo | ~992 | Automated safety check: Pass | MIT | 3 mo ago |
| 16 | 16.Cosmic Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements. | bergside/ | 3.1k | 1 repo | ~862 | Automated safety check: Pass | MIT | 3 mo ago |
| 17 | 17.Creative Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects. | bergside/ | 3.1k | 1 repo | ~850 | Automated safety check: Pass | MIT | 3 mo ago |
| 18 | 18.Dithered Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals. | bergside/ | 3.1k | 1 repo | ~934 | Automated safety check: Pass | MIT | 3 mo ago |
| 19 | 19.Doodle Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel. | bergside/ | 3.1k | 1 repo | ~890 | Automated safety check: Pass | MIT | 3 mo ago |
| 20 | 20.Dramatic High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention. | bergside/ | 3.1k | 1 repo | ~881 | Automated safety check: Pass | MIT | 3 mo ago |
| 21 | 21.Editorial Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences. | bergside/ | 3.1k | 1 repo | ~915 | Automated safety check: Pass | MIT | 3 mo ago |
| 22 | 22.Enterprise Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards. | bergside/ | 3.1k | 1 repo | ~1.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 23 | 23.Expressive Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure. | bergside/ | 3.1k | 1 repo | ~909 | Automated safety check: Pass | MIT | 3 mo ago |
| 24 | 24.Fantasy Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements. | bergside/ | 3.1k | 1 repo | ~849 | Automated safety check: Pass | MIT | 3 mo ago |
| 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… | bergside/ | 3.1k | 1 repo | ~954 | Automated safety check: Pass | MIT | 3 mo ago |
| 26 | 26.Flat Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces. | bergside/ | 3.1k | 1 repo | ~978 | Automated safety check: Pass | MIT | 3 mo ago |
| 27 | 27.Friendly Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes. | bergside/ | 3.1k | 1 repo | ~884 | Automated safety check: Pass | MIT | 3 mo ago |
| 28 | 28.Futuristic Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic. | bergside/ | 3.1k | 1 repo | ~842 | Automated safety check: Pass | MIT | 3 mo ago |
| 29 | Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance. | bergside/ | 3.1k | 1 repo | ~947 | Automated safety check: Pass | MIT | 3 mo ago |
| 30 | 30.Gradient Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth. | bergside/ | 3.1k | 1 repo | ~868 | Automated safety check: Pass | MIT | 3 mo ago |
| 31 | 31.Immersive An immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful, experience-driven journey. | bergside/ | 3.1k | 1 repo | ~1.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 32 | 32.Impeccable A modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color. | bergside/ | 3.1k | 1 repo | ~889 | Automated safety check: Pass | MIT | 3 mo ago |
| 33 | 33.Levels Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed. | bergside/ | 3.1k | 1 repo | ~873 | Automated safety check: Pass | MIT | 3 mo ago |
| 34 | 34.Lingo Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces. | bergside/ | 3.1k | 1 repo | ~969 | Automated safety check: Pass | MIT | 3 mo ago |
| 35 | 35.Material Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns. | bergside/ | 3.1k | 1 repo | ~919 | Automated safety check: Pass | MIT | 3 mo ago |
| 36 | 36.Matrix A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements | bergside/ | 3.1k | 1 repo | ~957 | Automated safety check: Pass | MIT | 3 mo ago |
| 37 | 37.Minimal Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus. | bergside/ | 3.1k | 1 repo | ~847 | Automated safety check: Pass | MIT | 3 mo ago |
| 38 | 38.Modern Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products. | bergside/ | 3.1k | 1 repo | ~849 | Automated safety check: Pass | MIT | 3 mo ago |
| 39 | 39.Mono Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic. | bergside/ | 3.1k | 1 repo | ~947 | Automated safety check: Pass | MIT | 3 mo ago |
| 40 | 40.Neobrutalism Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces. | bergside/ | 3.1k | 1 repo | ~847 | Automated safety check: Pass | MIT | 3 mo ago |
| 41 | 41.Neon Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces. | bergside/ | 3.1k | 1 repo | ~836 | Automated safety check: Pass | MIT | 3 mo ago |
| 42 | 42.Neumorphism Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look. | bergside/ | 3.1k | 1 repo | ~949 | Automated safety check: Pass | MIT | 3 mo ago |
| 43 | 43.Pacman Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics. | bergside/ | 3.1k | 1 repo | ~919 | Automated safety check: Pass | MIT | 3 mo ago |
| 44 | 44.Paper Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities. | bergside/ | 3.1k | 1 repo | ~846 | Automated safety check: Pass | MIT | 3 mo ago |
| 45 | 45.Perspective Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism. | bergside/ | 3.1k | 1 repo | ~904 | Automated safety check: Pass | MIT | 3 mo ago |
| 46 | 46.Premium Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language. | bergside/ | 3.1k | 1 repo | ~842 | Automated safety check: Pass | MIT | 3 mo ago |
| 47 | 47.Professional Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity. | bergside/ | 3.1k | 1 repo | ~849 | Automated safety check: Pass | MIT | 3 mo ago |
| 48 | 48.Pulse Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality. | bergside/ | 3.1k | 1 repo | ~975 | Automated safety check: Pass | MIT | 3 mo ago |
Questions, answered from the data.
What is the best skill in bergside/awesome-design-skills?
Agentic from bergside/awesome-design-skills ranks first of the 67 skills in bergside/awesome-design-skills listed here, with the highest score: its repository has 3.1k GitHub stars, 1 other GitHub owner carry a copy, its SKILL.md loads about 991 tokens and it passes the automated safety check with no findings. Next come Ant and Artistic.
Are the skills in bergside/awesome-design-skills official?
None yet. All 67 skills in bergside/awesome-design-skills listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.
How do I install all skills from bergside/awesome-design-skills?
Run npx skills add bergside/awesome-design-skills in your project: the open-source skills CLI installs the repository's skills into your coding agent's skills folder. To install a single skill, open its page here for the exact command.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.