Govuk Component — Development skill for Claude Code
[--to ] [--with-js] - Add a properly configured GOV.UK component to your project with all necessary imports and setup.
How to install Govuk Component
Installs to ~/.claude/commands/benjaminr-govuk-claude-template-govuk-component.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/benjaminr/govuk-claude-template/HEAD/.claude/commands/govuk-component.md -o ~/.claude/commands/benjaminr-govuk-claude-template-govuk-component.md Restart Claude Code, or start a new session, for it to be picked up.
What Govuk Component does
[--to ] [--with-js] - Add a properly configured GOV.UK component to your project with all necessary imports and setup.
Usage
/project:govuk-component [--to ] [--with-js]
Arguments
- Required. Name of the GOV.UK component to add. Common components include:- Form components: input, textarea, radios, checkboxes, select, file-upload
- Content components: accordion, tabs, details, summary-list, table
Alternatives in Development
- Claude API — Build apps with the Claude API or Anthropic SDK 94.1k ★
- Fix Imports — Fix Broken Imports 2.8k ★
- Portaljs Add Chart — Add a chart (line, bar, area, pie, or scatter) to a dataset's showcase in a PortalJS portal 2.3k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Govuk New
[--no-backend] [--name ] - Create a new GOV.UK project following the 2025 brand refresh guidelines.
Phanes
An agentic Orchestration Setup named after the Greek God of Creation. One Slash command, scans your project, o
Map
Map a route's component tree -- trace imports, detect boundaries, cache the result
Lab Setup Live
Run deterministic live setup checks when ANTHROPIC_API_KEY is already configured.
Acpx Setup
Check acpx CLI installation, validate debate-acpx.json config, probe each configured agent, and print permissi
Q Claude Code Setup
Three Claude Code features almost nobody uses, configured. Statusline, /resume, and a custom /script command i
Related Agents
Purpose
You are a git worktree creation specialist. Your sole responsibility is to create a properly configured worktr
Agent SDK Verifier
Use this agent to verify that a Python Agent SDK application is properly configured, follows SDK best practice
Agent SDK Verifier Py
Use this agent to verify that a Python Agent SDK application is properly configured, follows SDK best practice