variant-consistency-checker

Variant Consistency Checker

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "variant-consistency-checker" with this command: npx skills add cantagestudio/cosmicatlaspacker/cantagestudio-cosmicatlaspacker-variant-consistency-checker

Variant Consistency Checker

Validate UI component usage against design system specifications.

Quick Start

python3 scripts/check_variants.py --spec components-spec.yml --source src/

Issue Types

Type Description

unknown-variant

Variant not in spec

unknown-size

Size not in spec

missing-prop

Required prop absent

deprecated

Using deprecated component

disallowed-combination

Invalid prop combination

unknown-component

Component not in spec

unknown-prop

Prop not defined (strict mode)

Detection Examples

React/JSX

// Issues detected: <Button variant="outline" size="xl" /> // ↑ unknown-variant ↑ unknown-size

<Button variant="primary" /> // ↑ missing-prop: children

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

General

refactor-dedupe-and-cleanup

No summary provided by upstream source.

Repository SourceNeeds Review
4-cantagestudio
General

history-logger

No summary provided by upstream source.

Repository SourceNeeds Review
3-cantagestudio
General

ux-ascii-visualizer

No summary provided by upstream source.

Repository SourceNeeds Review
3-cantagestudio
General

layout-spacing-checker

No summary provided by upstream source.

Repository SourceNeeds Review
3-cantagestudio