CtrlK
BlogDocsLog inGet started
Tessl Logo

awesome-design-skills

github.com/bergside/awesome-design-skills

SkillAddedReview
editorial

skills/editorial/SKILL.md

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

54

enterprise

skills/enterprise/SKILL.md

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

50

expressive

skills/expressive/SKILL.md

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

60

fantasy

skills/fantasy/SKILL.md

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

60

fiction

skills/fiction/SKILL.md

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

48

flat

skills/flat/SKILL.md

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

39

friendly

skills/friendly/SKILL.md

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

54

futuristic

skills/futuristic/SKILL.md

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

55

geometric

skills/geometric/SKILL.md

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

63

glassmorphism

skills/glassmorphism/SKILL.md

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

47

gradient

skills/gradient/SKILL.md

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

58

immersive

skills/immersive/SKILL.md

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)

53

impeccable

skills/impeccable/SKILL.md

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

58

levels

skills/levels/SKILL.md

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

42

lingo

skills/lingo/SKILL.md

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

56

material

skills/material/SKILL.md

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

60

matrix

skills/matrix/SKILL.md

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

59

minimal

skills/minimal/SKILL.md

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

52

modern

skills/modern/SKILL.md

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

52

mono

skills/mono/SKILL.md

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

36