skills.rest
Emasoft
EmasoftCOMMUNITY
Explore all skills by this author →
Website𝕏@fmuaddibGitHub

amvcp-design-tokens

Route design-token requests to sibling generators and validate outputs.

Updated May 8, 2026
Search Tags:#linting#routing#design system#design tokens#theme presets#color ramp
One-click install
npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-design-tokens
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: amvcp-design-tokens
Source: https://github.com/Emasoft/ai-maestro-visual-communicator-plugin/tree/main/skills/amvcp-design-tokens
Command: npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-design-tokens

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It prevents slow, error-prone token generation by routing vague “design tokens” requests to the precise category skill that owns the needed output.

Core Features & Use Cases

  • Family routing: matches user intent to the correct sibling skill for colors, scales, presets, anti-slop auditing, or contact-sheet output.
  • Correct execution pipeline: ensures the emitted token set is validated through the anti-slop sibling using lintTokenSet and lintHtml.
  • Composable orchestration: provides the entry point for the design-tokens family while keeping rendering logic inside the sibling skills.

Quick Start

Tell the agent “Make a warm design system and show me the tokens,” and it will route to the preset generator, create the contact sheet, and run anti-slop linting before returning the result.

Frequently Asked Questions about amvcp-design-tokens

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I route design-token requests to the correct generator?▼

Design-token requests are routed using a routing matrix that matches user intent to the correct sibling skill for color ramps, spacing scales, theme presets, or anti-slop auditing before validating the output.

What is the best way to generate a complete design system with valid tokens?▼

To generate a design system, prompt the agent with your intent, such as asking for a warm theme, and it will route to the preset generator, create a contact sheet, and run anti-slop linting automatically.

Can I validate my HTML output and token sets for design errors?▼

Yes, HTML output and token sets are validated downstream using lintTokenSet and lintHtml from the anti-slop sibling skill to prevent slow, error-prone token generation.

Does this design-token router handle spacing and elevation scales?▼

Yes, the router matches user intent to sibling skills that generate spacing, elevation, motion, and z-index scales, alongside color ramps and theme preset selection.

Why does my design system generation return vague or incorrect tokens?▼

Vague requests produce incorrect tokens when not routed properly; the routing matrix ensures requests are directed to the precise category skill that owns the needed output format.

Do I need to manually run linting after generating design tokens?▼

No, manual linting is unnecessary because the execution pipeline automatically validates the emitted token set through the anti-slop sibling skill before returning the final result.

Related Skills

Explore More Design & Creative Skills→
EmasoftEmasoft

amvcp-tables

Route table feature requests to matching sibling skills via a routing matrix.

Community
Basic
chicongstchicongst
2

ui-design

Automates UI design execution by applying tokens, palettes, typography and spacing across frameworks.

Community
Intermediate
EmasoftEmasoft

amvcp-tokens-contact-sheet

Render DESIGN.md tokens into a click-to-copy HTML contact sheet with WCAG contrast annotations.

Community
Advanced
HarshodaiHarshodai

brand

Validate brand assets against color palettes and naming conventions.

Community
Advanced