shadcn-labsOfficial·6 Agent Skills Included

termcn

Ready-made terminal UI components for React, shadcn style

Builds rich terminal interfaces with ready-to-use React components for charts, chat, menus, and navigation. Removes the pain of hand-coding CLI layouts, keyboard input, and animations with Ink and OpenTUI. Guides AI agents to generate correct terminal UI code, add view transitions, and launch shadcn registries faster.

1,094|47

↗

npx skills add shadcn-labs/termcn --all -g -y

Available:

Gives your AI agent a step-by-step workflow, CSS recipes, and placement rules for implementing React view transitions correctly and consistently.

All Skills in This Repository (6)

Pure Emerald Level Indicators

📦 In Repo

shadcn-labs

ink

Build interactive terminal UIs with React components and hooks.

opentui

Provides decision trees and references for building terminal user interfaces in Core, React, and Solid.

writing-great-skills

Provides vocabulary and principles for writing predictable AI agent skills.

web-haptics

Add haptic feedback to web app interactions using the web-haptics library.

vercel-react-view-transitions

Implement native view transition animations in React and Next.js applications.

skill-creator

Create, evaluate, and iteratively improve Claude skills with benchmarked test runs.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install termcn?▼

Run `npx skills add shadcn-labs/termcn --all -g -y` in your terminal to install all skills in this suite globally.

What is termcn used for?▼

termcn provides ready-to-use, customizable terminal UI components for React, built on Ink and OpenTUI and compatible with the shadcn/ui registry format.

Can I build terminal dashboards and chat UIs with termcn?▼

Yes. It includes charts, gauges, command palettes, tabs, streaming text, and AI chat components you can compose into full terminal apps.

Does termcn work with AI coding agents?▼

Yes. Its bundled skills teach agents the correct Ink and OpenTUI rules, so tools like Claude Code and Cursor generate working terminal UI code.

Do I need to configure anything to use termcn?▼

No. It works out of the box with zero config, adapts to your terminal theme, and installs components with a single command.