mcpField
W
w-shadcn

w-shadcn

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

关于 w-shadcn

w-shadcn 是用于在共享 UI 包中安装或扩展 shadcn 基础组件的工作流技能。它说明组件导入和组合方式，并将页面级改造引导至 `/w-ui`。

主要功能

  1. 01安装或扩展 shadcn 基础组件
  2. 02使用共享 UI 包
  3. 03遵循组件导入约定
  4. 04使用 render 和 data 属性组合组件
  5. 05对变更文件运行 lint

适用场景

  1. 01在项目中添加 shadcn 基础组件
  2. 02扩展现有共享 UI 组件
  3. 03添加组件后调整页面

MCP 相关

仅当不确定组件变体或遇到安装错误时，它才使用 shadcn MCP。

安装

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

$npx skills add https://github.com/blockmatic-icebox/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