Back to skills
SkillHub ClubDesign ProductFull StackDesigner

theme-consistency

Enforce consistent theming across all prototype mockup screens. Auto-loads theme.yaml, validates CSS variable usage, prevents hardcoded values, and maintains visual consistency session-to-session. Use during /prototype create when generating new screens.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
71
Hot score
93
Updated
March 20, 2026
Overall rating
A8.4
Composite score
6.4
Best-practice grade
B77.6

Install command

npx @skill-hub/cli install marcusgoll-spec-flow-theme-consistency

Repository

marcusgoll/Spec-Flow

Skill path: .claude/skills/theme-consistency

Enforce consistent theming across all prototype mockup screens. Auto-loads theme.yaml, validates CSS variable usage, prevents hardcoded values, and maintains visual consistency session-to-session. Use during /prototype create when generating new screens.

Open repository

Best for

Primary workflow: Design Product.

Technical facets: Full Stack, Designer.

Target audience: Development teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: marcusgoll.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install theme-consistency into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/marcusgoll/Spec-Flow before adding theme-consistency to shared team environments
  • Use theme-consistency for development workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

theme-consistency | SkillHub