Tailwind v4 Shadcn
v1.0.0Configures Tailwind v4 with shadcn/ui using a mandatory four-step CSS variable theming to enable automatic dark mode and prevent common errors.
⭐ 1· 1.8k·12 current·13 all-time
by@wpank
MIT-0
Download zip
LicenseMIT-0 · Free to use, modify, and redistribute. No attribution required.
Security Scan
OpenClaw
Benign
high confidencePurpose & 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.
Assessment
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.Like a lobster shell, security has layers — review code before you run it.
latestvk979yzxa1ak600ccfk4k2mdxvd80w2jw
License
MIT-0
Free to use, modify, and redistribute. No attribution required.