SparkBites

design-bitesNEW

Curated DESIGN.md files for 270+ inspiring websites. Design systems decoded for AI agents.

UI Craft

"Transform your agent with UI Craft's AI skill! Master interface design across 12 domains and 4 modes with anti-slop detection. Elevate your UI now!"

DESIGN.mdView on GitHub →1

npx design-bites add skills.smoothui.dev

Team Pick

Added 6 months ago

Colors

Blue

White

Fonts

Inter(Sans Serif)

JetBrains Mono(Mono)

Tech Stack

Related Websites

HeroUI

Beautiful, fast and modern React UI Library

Toast - pheralb

An accessible and beautiful notification library for React.

Simple Badges

3278 Awesome Simple Icons on your favorite Shields.io Badges.

Apuntes de Majo

Mora

An AI data analyst for B2B teams that delivers insights by connecting databases, warehouses, and CRMs.

Allagi

A music website offering various audio content and resources.

UI Craft

"Transform your agent with UI Craft's AI skill! Master interface design across 12 domains and 4 modes with anti-slop detection. Elevate your UI now!"

DESIGN.mdView on GitHub →1

npx design-bites add skills.smoothui.dev

Team Pick

Added 6 months ago

Colors

Blue

White

Fonts

Inter(Sans Serif)

JetBrains Mono(Mono)

Tech Stack

Related Websites

HeroUI

Beautiful, fast and modern React UI Library

Toast - pheralb

An accessible and beautiful notification library for React.

Simple Badges

3278 Awesome Simple Icons on your favorite Shields.io Badges.

Apuntes de Majo

Mora

An AI data analyst for B2B teams that delivers insights by connecting databases, warehouses, and CRMs.

Allagi

A music website offering various audio content and resources.

Style Showcase

Tokens captured from UI Craft — palette, type, and components rendered live.

Palette

Sampled from CSS custom properties, body styles, and surface luminance.

#FBFCFD

oklch(0.18 0.005 250)

oklch(0.45 0.005 250)

oklch(0.458 0.305 268.13)

#FFFFFF

#2601FD

#F1F2F3

Type scale

Captured fonts and scale, rendered with system fallbacks.

DisplayGeist · 40px / 46px · 600

The quick brown fox jumps

HeadingGeist · 28px / 35px · 500

The quick brown fox jumps

BodyGeist · 14px / 22.75px · 400

The quick brown fox jumps

ActionGeist · 15px / 24.375px · 400

The quick brown fox jumps

UI Craft

Tags

Colors

Fonts

Tech Stack

Related Websites

UI Craft

Tags

Colors

Fonts

Tech Stack

Related Websites

Style Showcase

Palette

Type scale