W Shadcn

blockmatic/basilic-skills/skills/workflow/w-shadcn

作者 blockmatic7e05e2abd052dc6b526e8a28e36d102d42bfd635无许可证1 个星标收录于 2026年10月9日更新于 2026年10月9日仓库6天前更新

Install shadcn/w-ui primitives in the shared UI package using monorepo import paths.

仅含说明Software Development
AI 生成的概览

在 monorepo 的共享 UI 包中安装或扩展 shadcn/w-ui 基础组件，并使用正确的导入路径。

功能
该技能指导在 monorepo 的共享 UI 包中安装或扩展 shadcn/w-ui 基础组件，组件位置由 components.json 指定。它说明了正确的导入路径、所需的 style 设置，以及使用 render 配合 data-slot 或 data-open 的组合约定。它还要求后续操作：用 /w-ui 调整界面、对改动文件运行 lint，并在行为或命令变化时更新文档。
适用场景
适用于在共享 UI 包中新增 shadcn 基础组件或扩展现有组件时。也适用于需要让导入路径、组件样式或组合约定与 monorepo 配置保持一致的情况。
运行要求
不包含脚本，仅为说明性指令。它假定存在带共享 UI 包的 monorepo、components.json 文件，并在变体不明确或安装出错时可使用 shadcn MCP。它还引用了配套技能 /w-ui、/w-docs 和 shadcn-v3。

Install or extend a shadcn primitive. Reshaping a screen stays on /w-ui. Follow shadcn-v3.

  1. Use shadcn MCP only when unsure about variants or when hitting an install error.
  2. Install in the shared UI package from components.json (Basilic example: packages/w-ui/src/components/).
  3. Import @repo/w-ui/components/* and that package’s cn. Rare primitives: @repo/w-ui/base (not @base-ui/react, not @radix-ui/*, not deleted @repo/w-ui/radix). Keep components.json "style": "base-vega". Compose with render + data-slot / data-open (not asChild / data-state).
  4. After the primitive exists, reshape screens with /w-ui if the job is a surface, not only a component. Run lint on the changed files.
  5. Docs: /w-docs if behavior or commands changed.

来源与署名

来源：blockmatic/basilic-skills位于skills/workflow/w-shadcn提交7e05e2a

许可证： 无许可证

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架

更多来自 blockmatic/basilic-skills 的技能

W V0

blockmatic

根据当前文件起草 Next.js 与 shadcn 的 v0.dev 提示词，并在用户确认后再打开。

AI & Agents16天前更新

W Unit

blockmatic

指导为当前改动添加单元测试，测试文件与实现放在一起，并遵循仓库测试约定。

Software Development16天前更新

W Ui

blockmatic

使用现有设计令牌、无障碍交互和有边界的渲染验证来构建或改造面向用户的界面。

Design & Creative16天前更新

W Test

blockmatic

运行仓库中记录的测试脚本，修复导致失败的根本原因，并反复运行直到测试套件通过。

Software Development16天前更新

W Tdd

blockmatic

以红-绿-重构的 TDD 循环指导实现所要求的代码增量，并运行聚焦测试与相关测试套件。

Software Development16天前更新

W Security

blockmatic

依据仓库安全文档和现有检查，审查代码变更或代码树中的安全缺陷。

Security16天前更新

更多Software Development技能

Playground

anthropics

精选

构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。

Software Development37K今天更新

M5 Onboard

anthropics

精选

通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。

Software Development37K今天更新

Cardputer Buddy

anthropics

精选

指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。

Software Development37K今天更新

Web Design Guidelines

vercel-labs

精选

依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。

Software Development32K5周前更新

Vercel React Native Skills

vercel-labs

精选

React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。

Software Development32K5周前更新

Vercel React Best Practices

vercel-labs

精选

Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。

Software Development32K5周前更新