AI-ready design toolkit: color palettes, typography, spacing, shadows and accessibility audits.
Model Context Protocol (MCP) Server: dev.hearthbyte/ensemble
The dev.hearthbyte/ensemble MCP server provides an AI-ready design toolkit for front-end styling and review. Its scope includes color palettes, typography, spacing, shadows, and accessibility audits, as described by its name and server description. The server is intended to support design-related workflows through these focused capabilities.
🛠️ Key Features
Color palettes
Typography
Spacing
Shadows
Accessibility audits
🚀 Use Cases
Defining and reusing color palettes
Setting typography and spacing for UI layouts
Applying consistent shadow styling
Running accessibility audits to assess design compliance
⚡ Developer Benefits
Centralizes common design system inputs (palette, type, spacing, shadows)
Supports accessibility audit workflows alongside styling elements
Ensemble MCP is a Model Context Protocol server that gives AI agents access to professional design tools. Generate color palettes, pair typography, create shadow systems, and export complete design tokens - all through natural conversation.
10 tools. One API. Infinite possibilities.
Tool
What it does
Its main argument
harmony_generate_palette
A full color system from one brand color
color_scheme
duet_pair_fonts
Heading, body and mono fonts with a type scale
type_style
tempo_generate_scale
A spacing system tuned to the type
density
chord_generate_shadows
Elevation shadows tinted by the palette
shadow_intensity
cadence_generate_grid
Responsive grid: breakpoints, columns, gutters
density
riff_generate_motion
Durations, easing curves and transition presets
animation_style
bridge_generate_theme
A complete dark mode from the light system
color
pitch_audit_contrast
Which palette pairs pass WCAG, and what to fix
color
compose_export
The whole system as CSS, JSON, Tailwind or SCSS
formats
a11y_validate
Check one color pair for accessibility (FREE, no key needed)
foreground, background
Every builder takes a brand color and an optional preferences object, so tools called
separately agree with each other. Results are deterministic: the same color and preferences
always give the same system.
------|--------------|
| harmony_generate_palette | Generate harmonious color palettes from a single color |
| duet_pair_fonts | Pair heading and body fonts that complement each other |
| tempo_generate_scale | Create type scales and spacing systems |
| chord_generate_shadows | Generate 5-level shadow elevation systems |
| bridge_generate_theme | Auto-generate dark mode from light theme colors |
| cadence_set_grid | Configure CSS Grid layouts with presets |
| pitch_create_gradient | Create linear, radial, and conic gradients |
| riff_set_easing | Set cubic-bezier easing curves |
| compose_export | Export complete design system (CSS, Tailwind, SCSS, JSON) |
| a11y_validate | Check color contrast accessibility (FREE, no key needed) |
