codexplugin
S

Shadcn Ui

by TerminalSkills

Skilldesign71 stars

Build accessible UI with shadcn/ui components, patterns, and Tailwind conventions

Install now

$ npx codex-marketplace add TerminalSkills/skills/skills/shadcn-ui --skill

About

Build accessible UI with shadcn/ui components, patterns, and Tailwind conventions

Shadcn Ui is a codex skill — a focused instruction set the agent loads when you need specialized design help. Skills are lighter than full plugins and install with the --skill flag.

Source package path: TerminalSkills/skills/skills/shadcn-ui on GitHub (TerminalSkills/skills).

Key features

  • Specialized agent instructions for design tasks
  • Lighter than a full plugin — focused playbook the agent loads on demand
  • Install with the --skill flag via npx
  • Ideal when you want Shadcn Ui expertise without a full integration

How to install

  1. 01

    Copy the install command

    Use the command on this page — it includes the correct --skill flag for this skill.

  2. 02

    Run it in your project terminal

    Execute the command from the directory where you use Codex, not necessarily your home folder.

  3. 03

    Restart or reload Codex

    Restart the Codex CLI or reload your IDE window so the new extension is picked up.

  4. 04

    Try an example prompt

    Ask Codex something related to Shadcn Ui to confirm the skill is active.

Example prompts

Try these after installing to confirm Shadcn Ui is working.

> Invoke the Shadcn Ui skill to review this code change
> Use Shadcn Ui workflows for the task I'm working on now
> When should I use the Shadcn Ui skill versus a general prompt?

Requirements

  • Node.js 18 or newer with npx available
  • Codex CLI or IDE extension installed and signed in
Back to all skills

More from TerminalSkills

Other skills by the same author

Related skills

More in design