skills/unocss-shadcn/SKILL.md
Configure UnoCSS with unocss-preset-shadcn using a semi-automatic, framework-agnostic workflow. Use when setting up or updating UnoCSS + shadcn integration, deciding monorepo vs single-project component destinations, enforcing peerDependencies in monorepos, and requiring shadcn MCP + manual component creation mode.
npx skillsauth add jsonlee12138/prompts unocss-shadcnInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Apply a deterministic setup flow for UnoCSS and unocss-preset-shadcn without running automatic installers. Detect monorepo strictly, route component targets by project shape, and enforce shadcn MCP plus manual-mode component creation.
pnpm-workspace.yaml exists at repo root.package.json contains workspaces.packages/shadcn-uisrc/componentsapps/<app>/uno.config.* (NOT at repo root or in packages).uno.config.*.presetWind4 unless the user explicitly requests a different version (e.g. presetWind3).peerDependencies.package.jsonpnpm-workspace.yamluno.config.* or unocss.config.*components.json if presentunocss-preset-shadcn in presets.references/monorepo.mdreferences/single-project.mdreferences/checklist.md before claiming completion.Run these in order before component operations:
get_project_registriessearch_items_in_registries or list_items_in_registriesget_item_examples_from_registriesget_add_command_for_itemsUse MCP outputs as the source of truth for component API, file content, and dependency hints.
references/monorepo.md: monorepo branch instructions and templatesreferences/single-project.md: single-project branch instructions and templatesreferences/checklist.md: validation checklist and remediation matrixdevelopment
Use when creating, editing, or validating Makefiles. Provides templates for Go, Node, Python, Docker, and Monorepo projects with self-documenting help targets. Also validates existing Makefiles against conventions. Triggers on: Makefile, makefile, make help, validate makefile, lint makefile.
development
Unified design workflow router for critique, accessibility review, developer handoff, design system work, UX copy, user research, and research synthesis. Use when users ask naturally for design feedback, mockup review, a11y audit, handoff specs, UX writing, research planning, research synthesis, or mention Figma, Pencil, or HTML design workflows and should not need to invoke separate sub-skills manually.
development
Use when creating or debugging GitHub Actions workflows that publish npm packages with trusted publishing / OIDC. Triggers on npm publish in CI, ENEEDAUTH, E404 or E422 during publish, tag-triggered releases, setup-node auth behavior, or provenance issues in public vs private GitHub repositories.
tools
TanStack (Router/Query/Form/Table) configuration guide for Vite + React projects. Covers Vite plugin setup, main.tsx registration, DevTools configuration, and editor settings. Use when setting up or reviewing TanStack config in a Vite project. Triggers on: vite-tanstack, tanstack config, tanstack router setup, tanstack query setup, tanstack form setup, tanstack table setup.