bergside/awesome-design-skills.
61 skills★ 1,968View on GitHub ↗
- 100/100
agentic
Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
- 100/100
ant
Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
- 100/100
artistic
High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
- 100/100
basic
Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
- 100/100
bento
Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.
- 100/100
bold
Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
- 100/100
brutalism
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
- 100/100
cafe
Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
- 100/100
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.
- 100/100
claymorphism
Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.
- 100/100
colorful
Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
- 100/100
contemporary
Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.
- 100/100
corporate
Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.
- 100/100
cosmic
Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.
- 100/100
creative
Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.
- 100/100
dithered
Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.
- 100/100
doodle
Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.
- 100/100
dramatic
High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.
- 100/100
editorial
Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
- 100/100
enterprise
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
- 100/100
expressive
Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.
- 100/100
fantasy
Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.
- 100/100
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
- 100/100
flat
Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.
- 100/100
friendly
Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.
- 100/100
futuristic
Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
- 100/100
geometric
Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.
- 100/100
glassmorphism
Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
- 100/100
gradient
Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.
- 100/100
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)
- 100/100
impeccable
A modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color.
- 100/100
levels
Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.
- 100/100
lingo
Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.
- 100/100
material
Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.
- 100/100
matrix
A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements
- 100/100
minimal
Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
- 100/100
modern
Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
- 100/100
mono
Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
- 100/100
neobrutalism
Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
- 100/100
neon
Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
- 100/100
neumorphism
Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
- 100/100
pacman
Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.
- 100/100
paper
Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.
- 100/100
perspective
Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.
- 100/100
power
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.
- 100/100
premium
Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
- 100/100
professional
Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.
- 100/100
refined
Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.
- 100/100
riso
A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section
- 100/100
roku
App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.
- 100/100
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
- 100/100
skeumorphism
Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.
- 100/100
sleek
Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.
- 100/100
spacious
Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.
- 100/100
square
Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
- 100/100
stitch
Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.
- 100/100
storytelling
Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.
- 100/100
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.
- 100/100
tetris
Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.
- 100/100
vibrant
Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.
- 100/100
vintage
1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.