← 返回 Skills 市场
wpank

Tailwind v4 Shadcn

作者 wpank · GitHub ↗ · v1.0.0
cross-platform ✓ 安全检测通过
1949
总下载
1
收藏
13
当前安装
1
版本数
在 OpenClaw 中安装
/install tailwind-v4-shadcn
功能描述
Configures Tailwind v4 with shadcn/ui using a mandatory four-step CSS variable theming to enable automatic dark mode and prevent common errors.
安全使用建议
This skill appears coherent for setting up Tailwind v4 + shadcn/ui and contains ready-to-use templates. Before installing: 1) Verify the skill source/author (registry owner and homepage are not provided) so you trust the templates you copy into your project. 2) Back up your project (or use a branch) before running commands that delete files (the SKILL.md recommends removing tailwind.config.ts). 3) The skill uses npx/pnpm commands (e.g., npx shadcn@latest) — these invoke remote packages; confirm you trust the packages being installed and prefer pinning versions in package.json for production. 4) There are small inconsistencies in docs (storageKey value differs in places; README contains an unusual 'npx add https://github.com/…/tree/…' line) — treat documentation typos cautiously but they don't indicate malicious behavior. 5) Test changes in a development or staging environment (verify theme switching, run build) before deploying.
功能分析
Type: OpenClaw Skill Name: tailwind-v4-shadcn Version: 1.0.0 The skill bundle provides comprehensive documentation and code templates for setting up Tailwind CSS v4 with shadcn/ui in a React/Vite project. All code files are standard configuration, utility, or component definitions. Markdown files contain clear, instructional steps and commands (`npm install`, `npx shadcn@latest init`, `npx clawhub@latest install`) that are typical for frontend development setup and skill installation. There is no evidence of prompt injection, data exfiltration, malicious execution, persistence mechanisms, or obfuscation. External references are for legitimate tools or informational purposes.
能力评估
Purpose & Capability
Name, SKILL.md, and included templates all describe a Tailwind v4 + shadcn/ui setup and the files (CSS, ThemeProvider, Vite config, utils, components.json) match that purpose. Required env vars/binaries/config paths are none, which fits an instruction-only frontend scaffolding skill.
Instruction Scope
Runtime instructions operate on local project files (install packages, update vite config, create src/index.css, delete tailwind.config.ts, run shadcn init, add ThemeProvider). They reference browser storage (localStorage/sessionStorage) only in the provided ThemeProvider — appropriate for a client-side theming component. No instructions attempt to read unrelated system files, network-exfiltrate secrets, or call unexpected external endpoints.
Install Mechanism
There is no install spec; this is instruction-only with bundled templates. The recommended package commands use well-known package managers (pnpm/npm/npx) and official-looking package names (tailwindcss, @tailwindcss/vite, shadcn). No remote archive downloads or URL-shorteners are used in an install step.
Credentials
The skill requests no environment variables, no credentials, and no config paths. The ThemeProvider uses localStorage/sessionStorage in-browser for user preference persistence — appropriate for the component's purpose.
Persistence & Privilege
always:false (default) and disable-model-invocation:false. The skill does not request permanent/privileged presence or attempt to modify other skills. Autonomous invocation is allowed by default (platform normal) but there is no sign the skill needs elevated privileges.
如何使用
  1. 确保已安装 OpenClaw(本地或 Docker 部署)
  2. 在对话框中输入安装命令:/install tailwind-v4-shadcn
  3. 安装完成后,直接呼叫该 Skill 的名称或使用 /tailwind-v4-shadcn 触发
  4. 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
v1.0.0
Initial release: production-tested Tailwind v4 + shadcn/ui stack with mandatory four-step architecture, migration guidance, and error prevention. - Provides a complete setup for Tailwind v4 and shadcn/ui integration. - Introduces a required four-step theming system using CSS variables and @theme inline. - Offers migration instructions from Tailwind v3, including critical file and dependency changes. - Prevents 8 common setup and theme errors with clear rules, quick reference, and troubleshooting. - Includes production-ready templates and comprehensive documentation.
元数据
Slug tailwind-v4-shadcn
版本 1.0.0
许可证
累计安装 14
当前安装数 13
历史版本数 1
常见问题

Tailwind v4 Shadcn 是什么?

Configures Tailwind v4 with shadcn/ui using a mandatory four-step CSS variable theming to enable automatic dark mode and prevent common errors. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 1949 次。

如何安装 Tailwind v4 Shadcn?

在 OpenClaw 或 Claude Code 对话框中运行命令「/install tailwind-v4-shadcn」即可一键安装,无需额外配置。

Tailwind v4 Shadcn 是免费的吗?

是的,Tailwind v4 Shadcn 完全免费(开源免费),可自由下载、安装和使用。

Tailwind v4 Shadcn 支持哪些平台?

Tailwind v4 Shadcn 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。

谁开发了 Tailwind v4 Shadcn?

由 wpank(@wpank)开发并维护,当前版本 v1.0.0。

💬 留言讨论