Laith0003

UX Component — Testing skill for Claude Code

Testing community

Generate a single component (button, modal, navbar, sidebar, card, table, form, chart) from a spec.

How to install UX Component

Installs to ~/.claude/skills/laith0003-ux-skill-ux-component/SKILL.md

Terminal

mkdir -p ~/.claude/skills/laith0003-ux-skill-ux-component && curl -fsSL https://raw.githubusercontent.com/Laith0003/ux-skill/HEAD/commands/ux-component.md -o ~/.claude/skills/laith0003-ux-skill-ux-component/SKILL.md

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

What UX Component does

description: Generate a single component (button, modal, navbar, sidebar, card, table, form, chart) from a spec. Triggers on "build a [component]", "create a pricing card", "make a modal", "add a navbar". Use when generating a single component, the user says "create a [button/modal/navbar/card/table/form/chart]", embedded into an existing surface — NOT a full page. Skip when the user wants a full page or multi-section surface (use ux-design), backend or infrastructure work. allowed-tools: Re

Alternatives in Testing

Add Plugin — Integrate a spec-driven/skill framework as a bundled agtx plugin 1.5k ★
Inkline — by inkline - Structures development workflow using pnpm with emphasis on TypeScript and Vue 3 Composition API 1.4k ★
Integration Test Command — Execute comprehensive integration test suite with multi-component coordination and validation 166 ★