Unslop UI
JCarterJohnson/vibecoded-design-tells
Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default.
Launch and promote a custom shadcn/ui registry end-to-end: validate registry.json, prepare the official shadcn-ui/ui directory PR, community directory PRs (registry.directory, shadcntemplates…
$ npx skills add shadcn-labs/framecn --skill launch-shadcn-registry -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install shadcn-labs/framecn launch-shadcn-registry --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/shadcn-labs/framecn.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/launch-shadcn-registry .claude/skills/launch-shadcn-registry && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "launch-shadcn-registry" agent skill from https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/launch-shadcn-registry into .claude/skills/launch-shadcn-registry/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "launch-shadcn-registry", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/launch-shadcn-registryType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add shadcn-labs/framecn --skill launch-shadcn-registry -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install shadcn-labs/framecn launch-shadcn-registry --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/shadcn-labs/framecn.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/launch-shadcn-registry .agents/skills/launch-shadcn-registry && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "launch-shadcn-registry" agent skill from https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/launch-shadcn-registry into .agents/skills/launch-shadcn-registry/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "launch-shadcn-registry", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add shadcn-labs/framecn --skill launch-shadcn-registry -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install shadcn-labs/framecn launch-shadcn-registry --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/shadcn-labs/framecn.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/launch-shadcn-registry .cursor/skills/launch-shadcn-registry && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "launch-shadcn-registry" agent skill from https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/launch-shadcn-registry into .cursor/skills/launch-shadcn-registry/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "launch-shadcn-registry", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/shadcn-labs/framecn.git --path .agents/skills/launch-shadcn-registry--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add shadcn-labs/framecn --skill launch-shadcn-registry -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install shadcn-labs/framecn launch-shadcn-registry --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/shadcn-labs/framecn.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/launch-shadcn-registry .gemini/skills/launch-shadcn-registry && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "launch-shadcn-registry" agent skill from https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/launch-shadcn-registry into .gemini/skills/launch-shadcn-registry/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "launch-shadcn-registry", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install shadcn-labs/framecn launch-shadcn-registryInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add shadcn-labs/framecn --skill launch-shadcn-registry -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/shadcn-labs/framecn.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/launch-shadcn-registry .github/skills/launch-shadcn-registry && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "launch-shadcn-registry" agent skill from https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/launch-shadcn-registry into .github/skills/launch-shadcn-registry/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "launch-shadcn-registry", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add shadcn-labs/framecn --skill launch-shadcn-registry -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install shadcn-labs/framecn launch-shadcn-registry --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/shadcn-labs/framecn.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/launch-shadcn-registry .opencode/skills/launch-shadcn-registry && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "launch-shadcn-registry" agent skill from https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/launch-shadcn-registry into .opencode/skills/launch-shadcn-registry/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "launch-shadcn-registry", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
launch-shadcn-registryLaunch and promote a custom shadcn/ui registry end-to-end: validate registry.json, prepare the official shadcn-ui/ui directory PR, community directory PRs (registry.directory, shadcntemplates…
Launch Shadcn Registry is an agent skill from shadcn-labs/framecn. Launch and promote a custom shadcn/ui registry end-to-end: validate registry.json, prepare the official shadcn-ui/ui directory PR, community directory PRs (registry.directory, shadcntemplates, birobirobiro/awesome-shadcn-ui, bytefer/awesome-shadcn-ui), and draft social posts for Reddit r/shadcn, X, Dev.to, and Hacker News. Use whenever the user says "launch my registry", "list on shadcn directory", "submit to awesome-shadcn-ui", "announce my shadcn registry", "registry.directory PR", or wants to promote a new…
Its SKILL.md is about 2.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 19 other files, including scripts and reference files (for example `evals/evals.json`, `references/awesome-birobirobiro.md` and `references/awesome-bytefer.md`). Compatibility notes: Requires network access, curl, gh (GitHub CLI), and git. User must be authenticated with gh for PR creation.
It sits in Frontend & Design, covering Design systems and Social media posts. It works with shadcn/ui and Reddit. The repository describes itself as: Beautiful video components, built on Editframe. 100% Free, Zero config, one command setup. The licence is MIT.
5 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 7717708. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Ships 1 file in scripts/ (Shell), which the agent can run.
Shell commands in SKILL.md call:
gitcurlghbashnpxFrom the folder's file list and the shell code blocks in SKILL.md.
Hosts in commands or code, which the agent is likely to contact:
github.comogimagecn.vercel.appraw.githubusercontent.comFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Requires network access, curl, gh (GitHub CLI), and git. User must be authenticated with gh for PR creation.
From compatibility in the SKILL.md frontmatter.
Launch Shadcn Registry loads about 2.2k tokens when it runs, and up to ~6.5k if it reads all its reference files. Until then it costs about 154 tokens; SKILL.md has 716 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
The full file from shadcn-labs/framecn at commit 7717708, republished under its MIT licence (© shadcn-labs). 716 words, ~2,174 tokens.
.claude/skills/launch-shadcn-registry/SKILL.md (or your agent's skills folder). This skill also uses 14 other files; get the full folder from GitHub.Orchestrate listing and announcing a custom shadcn/ui registry across official and community directories, then draft platform-specific social posts.
Confirm the user wants a full launch or a subset (e.g. official directory only, or social drafts only). Default to the full workflow unless they narrow scope.
Collect or infer a registry profile. If missing fields, ask before generating artifacts. Use templates/registry-profile.example.json as the shape; validate against templates/registry-profile.schema.json.
Required profile fields:
| Field | Purpose |
|---|---|
scope | Registry scope, e.g. @ogimagecn |
name | Display name |
homepage | Marketing/docs URL |
registryBaseUrl | Base URL for JSON files (no trailing slash) |
componentUrlPattern | URL pattern with {name} placeholder, e.g. https://example.com/r/{name}.json |
description | One sentence (≤160 chars) for directories |
descriptionLong | 2–3 sentences for awesome lists and social |
githubUrl | Source repo |
githubUsername | For avatar URLs and filenames |
distribution | open-source or premium |
categories | Tags for shadcntemplates / awesome lists |
installExample | e.g. npx shadcn@latest add @scope/component-name |
logo | Inline SVG string for official directory (optional but recommended) |
registryIndexPath | Path to registry index relative to registryBaseUrl, defaults to /registry.json (optional) |
sampleComponents | Array of component slugs to validate during preflight, e.g. ["og-image"] (optional) |
features | Bullet points for shadcntemplates and social posts (optional) |
Copy this checklist and track progress:
Launch Progress:
- [ ] Phase 1: Preflight validation
- [ ] Phase 2: Generate directory artifacts
- [ ] Phase 3: Open GitHub PRs (user approval per PR)
- [ ] Phase 4: Draft social posts
- [ ] Phase 5: Post-launch follow-upRead references/preflight.md and run validation before generating any PRs.
bash scripts/validate-registry.sh <registryBaseUrl> [sample-component-name]Fix all blockers before continuing. Common failures:
registry.json not public or wrong path@scope in official directorydescription too long or marketing-heavy for official listingFetch the official directory to check duplicates:
curl -fsSL https://raw.githubusercontent.com/shadcn-ui/ui/main/apps/v4/registry/directory.json | grep -i "<scope>"From the registry profile, generate all submission files. Read the relevant reference only for targets the user wants:
| Target | Reference | Output |
|---|---|---|
| Official shadcn-ui/ui | references/shadcn-ui-official.md | JSON entry + PR body |
| registry.directory | references/registry-directory.md | JSON entry + PR body |
| shadcntemplates | references/shadcntemplates.md | content/{author}-{name}.md |
| birobirobiro awesome | references/awesome-birobirobiro.md | README table row |
| bytefer awesome | references/awesome-bytefer.md | README table row |
Present artifacts grouped by repo. Include:
Use feat(registry): add <scope> for official shadcn-ui/ui (matches PR #10896). Use docs: add <name> to <section> for awesome lists and feat: add <name> registry for registry.directory.
Use gh for all GitHub operations. Ask the user before creating each PR unless they explicitly asked to open all PRs.
Standard fork-and-PR flow per repo:
# Example: official shadcn-ui/ui
gh repo fork shadcn-ui/ui --clone=false
git clone https://github.com/<user>/ui.git /tmp/ui-registry-pr
cd /tmp/ui-registry-pr
git remote add upstream https://github.com/shadcn-ui/ui.git
git fetch upstream && git checkout -b feat/<scope>-directory upstream/main
# edit apps/v4/registry/directory.json — append entry at end of array
git add apps/v4/registry/directory.json
git commit -m "feat(registry): add <scope>"
git push -u origin HEAD
gh pr create --repo shadcn-ui/ui --title "feat(registry): add <scope>" --body "$(cat <<'EOF'
## Summary
Adds <scope> to the community registry directory.
- **Registry URL**: `<componentUrlPattern>`
- **Homepage**: <homepage>
- **Description**: <description>
## Test plan
- [ ] `curl <registryBaseUrl>/registry.json` returns valid JSON
- [ ] `npx shadcn@latest add <installExample>` installs successfully
EOF
)"Recommended PR order:
shadcn-ui/ui (highest leverage; may take maintainer review)rbadillap/registry.directoryshadcnblocks/shadcntemplatesbirobirobiro/awesome-shadcn-ui and bytefer/awesome-shadcn-ui (can be parallel)Track PR URLs in the launch checklist. Do not draft social posts as "published" until the registry is live and at least one directory listing is merged or submitted.
Read platform references and produce ready-to-paste drafts (user posts manually):
| Platform | Reference |
|---|---|
| Reddit r/shadcn | references/social/reddit.md |
| X | references/social/x.md |
| Dev.to | references/social/devto.md |
| Hacker News | references/social/hackernews.md |
Tailor each draft from the registry profile. Include the install command, homepage, and GitHub link. Avoid hype; lead with the concrete problem the registry solves.
Timing: Draft social posts after preflight passes. Suggest posting after the official directory PR is merged (or at minimum after registry.json is live).
After PRs are open or merged:
directory.json entry at the end of the array (append only)User: "Launch @ogimagecn — https://ogimagecn.vercel.app"
Agent:
curl https://ogimagecn.vercel.app/r/registry.jsonvalidate-registry.sh https://ogimagecn.vercel.app og-imagegh© shadcn-labs, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 14 other files (scripts, references) in .agents/skills/launch-shadcn-registry of shadcn-labs/framecn.
Open the folder on GitHubat commit 7717708
We found 3 copies of this SKILL.md (exact, near-identical or edited) in other folders. This page covers the copy in shadcn-labs/framecn, which our catalogue first saw on October 7, 2026.
Launch Shadcn Registry next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Launch Shadcn Registry this skillshadcn-labs/framecn | 151 | — | ~2.2k | Automated safety check: Pass | MIT | |
| Unslop UIJCarterJohnson/vibecoded-design-tells | 513 | — | ~1.9k | Automated safety check: Pass | Custom licence | |
| UI StylingOhh-889/skyroc | 795 | 13 repos | ~2.5k | Automated safety check: Pass | MIT | |
| Shadcnsupabase/evals | 145 | 43 repos | ~4.5k | Automated safety check: Pass | Apache-2.0 | |
| Creative Tim UI Blockscreativetimofficial/ui | 12k | — | ~2.1k | Automated safety check: Notes | MIT | |
| Cosscrafter-station/petdex | 4.2k | — | ~1.4k | Automated safety check: Pass | MIT |
JCarterJohnson/vibecoded-design-tells
Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default.
Ohh-889/skyroc
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.
supabase/evals
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.
creativetimofficial/ui
Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.
crafter-station/petdex
Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.
activepieces/activepieces
Design system for Activepieces (open-source AI automation platform, "open source replacement for Zapier").
shadcn-labs/framecn
Create video compositions with Editframe using HTML web components or React.
shadcn-labs/framecn
JavaScript/TypeScript SDK for Editframe's video rendering API.
shadcn-labs/framecn
Build video editing interfaces with Editframe's GUI components.
shadcn-labs/framecn
Webhook notifications for render completion and file processing events.
shadcn-labs/framecn
Command-line tools for Editframe video development. An agent skill from shadcn-labs/framecn.
shadcn-labs/framecn
Scaffold new Editframe video projects from templates. An agent skill from shadcn-labs/framecn.
Categories
Launch and promote a custom shadcn/ui registry end-to-end: validate registry.json, prepare the official shadcn-ui/ui directory PR, community directory PRs (registry.directory, shadcntemplates…. Launch Shadcn Registry is an agent skill from shadcn-labs/framecn.to, and Hacker News.
Launch Shadcn Registry fits situations like: the user says launch my registry; list on shadcn directory; submit to awesome-shadcn-ui; announce my shadcn registry.
Run `npx skills add shadcn-labs/framecn --skill launch-shadcn-registry -a claude-code`. Or copy the skill folder (.agents/skills/launch-shadcn-registry in shadcn-labs/framecn) into .claude/skills/launch-shadcn-registry in your project. Claude Code loads it when a task matches its description.
Run `npx skills add shadcn-labs/framecn --skill launch-shadcn-registry -a codex`. Or copy the skill folder (.agents/skills/launch-shadcn-registry in shadcn-labs/framecn) into .agents/skills/launch-shadcn-registry in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add shadcn-labs/framecn --skill launch-shadcn-registry -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/launch-shadcn-registry, .gemini/skills/launch-shadcn-registry, .github/skills/launch-shadcn-registry and .opencode/skills/launch-shadcn-registry in your project.
Going by SKILL.md and its folder, Launch Shadcn Registry needs a shell for the scripts in its folder and the command-line tools its instructions call (git, curl, gh, bash and npx). Our summary lists: Node.js; A Bash shell. Compatibility (from SKILL.md): Requires network access, curl, gh (GitHub CLI), and git. User must be authenticated with gh for PR creation..
SKILL.md names 3 domains. In commands or code: github.com, ogimagecn.vercel.app and raw.githubusercontent.com; the agent is likely to contact these when it follows the instructions. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
Launch Shadcn Registry is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.2k tokens (SKILL.md is roughly 8.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 4.3k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Launch Shadcn Registry: Unslop UI (JCarterJohnson/vibecoded-design-tells, 513 stars), UI Styling (Ohh-889/skyroc, 795 stars), Shadcn (supabase/evals, 145 stars) and Creative Tim UI Blocks (creativetimofficial/ui, 12k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
shadcn-labs (a GitHub organization) maintains it in shadcn-labs/framecn, which has 151 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on October 7, 2026.
Source: shadcn-labs/framecn on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.