design-system-synthesizer

Solid

Use when the user says 'build a design system for my site', 'extract design tokens', 'capture my brand', or 'build my style guide', or after a rebrand. Reads representative pages, theme files, and media to extract logo, colors, typography, spacing, and components, then writes a visible style-guide page.

Web & Frontend 44 stars 8 forks Updated 1 weeks ago MIT

Install

View on GitHub

Quality Score: 85/100

Stars 20%
55
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Design System Synthesizer **Version:** 1.4.2 **Updated:** 2026-08-13 **Freshly updated:** v1.4.0 persists to the Design Direction owner layer. The synthesized system is now saved as a schema-validated draft direction via `respira_save_design_direction` (readiness reported in the response), with the legacy `respira_update_option('respira_design_system', ...)` write kept only as a fallback for plugins that predate the direction tools. The final step offers activation via `respira_activate_design_direction` — activation refuses a direction that is not ready, so nothing goes live half-synthesized. Any token you could not observe and had to guess must carry `inferred: true`. **Previous:** v1.3.0 caught up with the design-token surface. Builder global palettes and typography are now written through first-class token tools (`respira_list_design_tokens`, `respira_create_design_token`, `respira_update_design_token`, `respira_delete_design_token`), replacing v1.2.0's describe-it-in-plain-words guidance. HTML/design conversions register the colors and typography they carry as named tokens in the builder's own global styles automatically, and converted pages reference those tokens instead of carrying value copies — so the synthesizer reads what is already registered before synthesizing, reuses those names instead of re-inlining values, and reports token registration in its summary. **Category:** intelligence **Status:** stable **Requires:** Respira for WordPress plugin 7.1+ + MCP serv...

Details

Author
respira-press
Repository
respira-press/agent-skills-wordpress
Created
6 months ago
Last Updated
1 weeks ago
Language
JavaScript
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category