andrem-sec

Component Spec — Testing skill for Claude Code

Testing community

Define component API, states, variants, and ARIA requirements before writing any implementation code.

How to install Component Spec

Installs to ~/.claude/commands/andrem-sec-psc-comet-component-spec.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/andrem-sec/psc-comet/HEAD/.claude/commands/component-spec.md -o ~/.claude/commands/andrem-sec-psc-comet-component-spec.md

Restart Claude Code, or start a new session, for it to be picked up.

What Component Spec does

name: component-spec description: Define component API, states, variants, and ARIA requirements before writing any implementation code

Invoke the component-spec skill now. For the target component: identify its category (input, display, navigation, feedback, layout, overlay). Define all props with types and defaults. Enumerate every visual state (default, hover, focus, active, disabled, loading, error, empty). List named variants as prop values. Specify ARIA role, required attributes, a

Alternatives in Testing

Claude Code Spec Workflow — Automated Kiro-style Spec workflow for Claude Code 3.6k ★
Cc Sdd — Spec-driven development (SDD) for your team's workflow 3.1k ★
Regen API — Regenerate the OpenAPI spec and web API client after server API changes 2.5k ★