菜单
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/...).
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/plvo/shuip --skill shuip-overview命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
基于 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.
| 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.