Prime Components — Development skill for Claude Code
Learn how to build components in this codebase.
How to install Prime Components
Installs to ~/.claude/commands/coleam00-ai-transformation-workshop-prime-components.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/coleam00/ai-transformation-workshop/HEAD/.claude/commands/prime-components.md -o ~/.claude/commands/coleam00-ai-transformation-workshop-prime-components.md Restart Claude Code, or start a new session, for it to be picked up.
What Prime Components does
description: Learn how to build components in this codebase argument-hint: [jira-issues] [confluence-pages]
Prime Components: How to Build Components
**Input**: $ARGUMENTS
Objective
Understand the component patterns used in this codebase so you can build new components correctly.
Process
Step 0: Load External Context (if provided)
The first argument is an optional Jira issue key or comma-separated list of keys (e.g., `RH-5` or `RH-5,RH-6,RH-7`). The second argument is
Alternatives in Development
- Web Artifacts Builder — Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui 94.1k ★
- Claude Integration Guide — FOR CLAUDE CODE: When a user asks you to integrate components from this showcase repository into their project 9.3k ★
- Stitch React Components — Stitch to React components conversion 2.6k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Prime Endpoint
Learn how to build new API endpoints end-to-end
Prime Client
Prime agent with client/frontend codebase understanding
Size Crusade
Unleash parallel Size Purist agents to hunt down bloated files, god classes, and mega-components across the co
J Defrag
Scan the codebase for fragmentation — duplicated components, inconsistent patterns, files to consolidate, logi
Clone Patterns
Learn From the Best — analyze patterns from any codebase and apply them to yours
Learn Mode
Interactive code tutor — breaks down codebase logic, explains complexities, translates technical concepts for
Related Agents
Code Questioner
Answers questions about an analyzed codebase using learn-code output and direct source code inspection. Provid
User Sim
Plays a researcher or applied-AI engineer using whileai for real - their own keys, their own compute (Modal, P
Exit Criterion Falsifier
Authors and runs the baseline falsifier for a plan's prime exit criterion — the instrument, never the spec. Se