components-build

75 / 100 · Review before installing

Check before installing.

By Asymmetric-al/core (GitHub) · design · 370 stars · scanned at commit 9a2e00f

Build modern, composable, and accessible React UI components following the components.build specification. Use when creating, reviewing, or refactoring component libraries, design systems, or any reusable UI components. Triggers on tasks involving component APIs, composition patterns, accessibility, styling systems, or TypeScript props.

Works with any agent that supports SKILL.md skills.

What this skill can do

Downloads and installs other software

The author does not mention this.

Found in 8 places.

.agents/skills/components-build/AGENTS.md, line 1745bunx --no-install shadcn add https://your-project.vercel.app/metric-card.json --cwd packages/ui
.agents/skills/components-build/AGENTS.md, line 2034bunx --no-install shadcn add https://21st.dev/r/haydenbleasel/dialog-stack --cwd packages/ui
.agents/skills/components-build/references/upstream.md, line 16- **Install via Skills CLI:** `npx skills add nolly-studio/components-build-skill --skill components-build -y`

Show 5 more

.agents/skills/components-build/references/upstream.md, line 201. `npx skills add nolly-studio/components-build-skill --skill components-build -y`
.agents/skills/components-build/rules/documentation.md, line 51bunx --no-install shadcn add button --cwd packages/ui
.agents/skills/components-build/rules/marketplaces.md, line 39bunx --no-install shadcn add https://21st.dev/r/<author>/<component> --cwd packages/ui
.agents/skills/components-build/rules/marketplaces.md, line 45bunx --no-install shadcn add https://21st.dev/r/haydenbleasel/dialog-stack --cwd packages/ui
.agents/skills/components-build/rules/registry.md, line 117bunx --no-install shadcn add https://your-project.vercel.app/metric-card.json --cwd packages/ui

Changes files outside its own folder

The author does not mention this.

Found in 2 places.

.agents/skills/components-build/README.md, line 79cp -r skills/components-build ~/.claude/skills/
.agents/skills/components-build/README.md, line 87cp -r skills/components-build ~/.cursor/skills/

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'components-build' ] || [ -L ~/.agents/skills/'components-build' ]; then echo 'A skill folder named components-build already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/Asymmetric-al/core' "$d" && git -C "$d" checkout --quiet '9a2e00fcb932035143b81aafc7bf95f13da923f4' -- '.agents/skills/components-build' && mkdir -p ~/.agents/skills && cp -R "$d"/'.agents/skills/components-build' ~/.agents/skills/'components-build' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'components-build' ~/.claude/skills/'components-build' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for Asymmetric-al/core shows the score of its lowest-scoring skill.

SkillTrust badge for Asymmetric-al/core

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/Asymmetric-al/core.svg)](https://zalavijaysinh.github.io/skilltrust/repos/Asymmetric-al/core/)

Score history

Date	Version	Score
2026-11-13	`9a2e00f`	75
2026-11-09	`f7e94db`	75
2026-11-07	`bfde43a`	100

Also found in

Identical copies of this skill exist at:

Asymmetric-al/core/.claude/skills/components-build
Asymmetric-al/core/.cursor/skills/components-build
Asymmetric-al/core/docs/ai/skills/components-build