메뉴
Use when working in a project that uses shuip and you need to know what shuip provides, how to install items from its registry, or which shuip skill/category to reach for. Triggers on shuip imports (@/components/ui/shuip/...) or a shuip registry URL (shuip.plvo.dev/r/...).
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use when choosing which shuip item fits a need, or composing shuip components and blocks — provides the full item catalog, install/import conventions, and composition notes. Use before building UI that shuip may already provide.
Use when building or editing a form in a project that uses shuip — covers shuip's react-hook-form (rhf-) and tanstack-form (tsf-) field components, their install commands, validation, submission, and accessible error/loading state. Use before hand-writing shadcn FormField boilerplate.
Use when auditing the shuip registry for accumulated drift, silent failures, or convention violations — before a release, after a refactor or merge, when a newly added item doesn't appear in the build, or when a consumer reports `shadcn add` fetching incomplete files.
Use when adding a new shuip item (component, block, react-hook-form field, tanstack-form field) under packages/registry/items/, or when investigating why a newly added item is missing from registry.json or the docs site.
Use when something in shuip silently doesn't work — Tailwind classes not applying, "module not found" after install, item missing from registry.json or docs site, a runtime crash referencing a React hook, wrong dep version installed at a consumer, fresh-checkout docs pages 404. The shared symptom is "no clear error message, the system just behaves wrong".
| name | shuip-overview |
| description | Use when working in a project that uses shuip and you need to know what shuip provides, how to install items from its registry, or which shuip skill/category to reach for. Triggers on shuip imports (@/components/ui/shuip/...) or a shuip registry URL (shuip.plvo.dev/r/...). |
shuip is a component library built on shadcn/ui for Next.js + React. You install individual items through the shadcn CLI from shuip's registry; the source is copied into the project (same model as shadcn) and you own it afterwards.
npx shadcn@latest add "https://shuip.plvo.dev/r/<item-name>"
Items install under @/components/ui/shuip/... (or @/components/block/shuip/... for blocks) and pull their shadcn primitives and npm dependencies automatically. Exported symbols are unprefixed — the item rhf-input-field exports InputField; the rhf-/tsf-/tsq- prefix is only the registry name.
side-dialog, confirmation-dialog, copy-button, theme-button).kanban, responsive-dialog, title-section).rhf-) — form fields wired to react-hook-form via typed lenses.tsf-) — form fields wired to tanstack-form via context.tsq-) — data-fetching helpers (e.g. query-boundary).Before building UI from scratch, check whether shuip already ships it.