CtrlK
BlogDocsLog inGet started
Tessl Logo

awesome-design-skills

github.com/bergside/awesome-design-skills

Skill

Added

Review

neon

skills/neon/SKILL.md

Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.

63

neobrutalism

skills/neobrutalism/SKILL.md

Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.

53

mono

skills/mono/SKILL.md

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

36

modern

skills/modern/SKILL.md

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

52

minimal

skills/minimal/SKILL.md

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

52

matrix

skills/matrix/SKILL.md

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

59

material

skills/material/SKILL.md

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

60

lingo

skills/lingo/SKILL.md

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

56

levels

skills/levels/SKILL.md

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

42

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

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

gradient

skills/gradient/SKILL.md

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

58

glassmorphism

skills/glassmorphism/SKILL.md

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

47

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

futuristic

skills/futuristic/SKILL.md

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

55

friendly

skills/friendly/SKILL.md

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

54

flat

skills/flat/SKILL.md

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

39

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

fantasy

skills/fantasy/SKILL.md

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

60

expressive

skills/expressive/SKILL.md

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

60

enterprise

skills/enterprise/SKILL.md

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

50

editorial

skills/editorial/SKILL.md

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

54

dramatic

skills/dramatic/SKILL.md

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

58

doodle

skills/doodle/SKILL.md

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

60

dithered

skills/dithered/SKILL.md

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

52