mcpField
W
w-shadcn

w-shadcn

github.com/blockmatic设计与 UI1647 次安装4 周前更新
代码仓库

关于 w-shadcn

w-shadcn 是用于安装或扩展 shadcn 基础组件的仓库技能，也规定组件与界面更新的衔接方式。它说明共享 UI 包的约定、组合模式，以及何时运行相关 UI 和文档技能。

主要功能

  1. 01安装或扩展 shadcn 基础组件
  2. 02遵循共享 UI 包约定
  3. 03使用 render 和 data 属性组合
  4. 04对修改文件运行 lint
  5. 05将界面和文档工作交给相关技能

适用场景

  1. 01向共享 UI 包添加 shadcn 基础组件
  2. 02添加组件后更新界面
  3. 03通过 lint 检查组件改动
  4. 04记录已更改的行为或命令

MCP 相关

当变体细节不明确或安装出错时，该技能建议使用 shadcn MCP。

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/blockmatic/basilic-skills --skill w-shadcn

安装后在 Claude Code 中输入/w-shadcn确认已加载。

详细介绍

安装或扩展 shadcn 基础组件。调整屏幕布局仍使用 /w-ui。遵循 shadcn-v3。

  1. 只有在不确定变体或遇到安装错误时才使用 shadcn MCP。
  2. 根据 components.json 在共享 UI 包中安装（Basilic 示例：packages/w-ui/src/components/）。
  3. 导入 @repo/w-ui/components/* 和该包的 cn。少见的基础组件：@repo/w-ui/base（不是 @base-ui/react，不是 @radix-ui/*，也不是已删除的 @repo/w-ui/radix）。保留 components.json 中的 "style": "base-vega"。使用 render + data-slot / data-open 进行组合（不要使用 asChild / data-state）。
  4. 基础组件就绪后，如果任务涉及界面而不只是组件，就使用 /w-ui 调整屏幕布局。对改动的文件运行 lint。
  5. 文档：如果行为或命令有变更，使用 /w-docs。

评论

支持 Markdown