How do I install the Component Check skill?

Run npx skillmds@latest add dragoon0x/component-check-3 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Component Check safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Component Check?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Component Check free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Component Check?

dragoon0x (@dragoon0x) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Component Check

Name: Component Check
Author: dragoon0x

Verify component consistency. Same component type should use same spacing, typography, and color patterns everywhere.

dragoon0x Updated Sep 21, 2026

Design & Media

Install

Press C to copy

$ npx skillmds@latest add dragoon0x/component-check-3

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download SKILL.md

＋ Add to plugin

README badge

[![SkillMD](https://skillmd.com/badge/dragoon0x/component-check-3.svg)](https://skillmd.com/skills/dragoon0x/component-check-3)

Trust & safety

Audits pending

Not yet audited · commit 23184b6

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

/component-check — Component Consistency

Find all instances of repeated UI patterns (cards, buttons, inputs, etc.) and verify:

Same padding values
Same typography styles
Same color tokens
Same border radius
Same shadow elevation
Same hover/focus states

Flag inconsistencies with specific selectors.

dragoon0x/optik/tree/main/.codex/prompts/component-check commit 23184b69d1

Frequently asked questions

npx skillmds@latest add dragoon0x/component-check-3