unocss-shadcn
Configure UnoCSS with unocss-preset-shadcn using a semi-automatic, framework-agnostic workflow.
Skill by JsonLee12138
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/jsonlee12138-unocss-shadcn
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend, productivity, agent-building
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/unocss-shadcn
What's inside
- Skill name
unocss-shadcn- Description
- 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.
- License
- Apache-2.0
- Instructions
- 51 lines in SKILL.md · view on GitHub
Files (4)
- SKILL.md
- checklist.md · references/
- monorepo.md · references/
- single-project.md · references/
SKILL.md (first lines)
# unocss-shadcn ## Overview 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. ## Core Rules 1. Run in semi-automatic mode only: propose commands and file edits, but do not auto-install dependencies. 2. Detect monorepo only when one of these is true: - `pnpm-workspace.yaml` exists at repo root. - Root `package.json` contains `workspaces`. 3. Use destination policy: - Monorepo: `packages/shadcn-ui` - Single project: `src/components` 4. UnoCSS config location policy: - Monorepo: configure in each `apps/<app>/uno.config.*` (NOT at repo root or in packages). - Single project: configure at project root `uno.config.*`. 5. Default to `presetWind4` unless the user explicitly requests a different version (e.g. `presetWind3`). 6. For monorepo component package dependencies, write shadcn-related runtime items to `peerDependencies`. 7. Use shadcn MCP before any component usage or creation. 8. Create shadcn components in manual mode only (do not use Tailwind-oriented auto init flow). 9. If shadcn MCP is unavailable, block the component step and return an explicit error. ## Workflow 1. Inspect project files: - `package.json` - `pnpm-workspace.yaml` - `uno.config.*` or `unocss.config.*` - `components.json` if present 2. Decide branch using strict monorepo detection. 3. Update UnoCSS config to include `unocss-preset-shadcn` in `presets`. 4. Generate destination-specific instructions from references: - Monorepo path: `references/monorepo.md` - Single-project path: `references/single-project.md` 5. Enforce shadcn MCP chain and manual creation mode. 6. Verify with `references/checklist.md` before claiming completion. ## Required MCP Chain (shadcn) Run these in order before component operations: 1. `get_project_registries` 2. `search_items_in_registries` or `list_items_in_registries` 3. `get_item_examples_from_registries` 4. Optional reference only: `get_add_command_for_items` Use MCP outputs as the source of truth for component API, file content, and dependency hints. ## References - `references/monorepo.md`: monorepo branch instructions and templates - `references/single-project.md`: single-project branch instructions and templates - `references/checklist.md`: validation checklist and remediation matrix
From JsonLee12138/prompts, Apache-2.0.
More from JsonLee12138/prompts
- 0.507score
actions-npm
JsonLee12138
Use when creating or debugging GitHub Actions workflows that publish npm packages with trusted publishing / OIDC.
SkillCFreshness: C★ 2Claude Code +9 - 0.448score
claude-design
JsonLee12138
Unified design workflow router for critique, accessibility review, developer handoff, design system work, UX copy, user research, and research synthesis.
SkillDFreshness: D★ 2Claude Code +9 - 0.448score
components
JsonLee12138
Use when designing, implementing, or reviewing React/TypeScript components with naming conventions, props typing, hooks usage, and UnoCSS styling standards.
SkillDFreshness: D★ 2Claude Code +9 - 0.448score
design-patterns-principles
JsonLee12138
Use when a request asks for software design patterns or design principles, including explanations, comparisons, summaries, or quick reference grounded in…
SkillDFreshness: D★ 2Claude Code +9 - 0.448score
eslint-config
JsonLee12138
Use when configuring ESLint with @antfu/eslint-config for a single project or a monorepo workspace, including flat config setup, shared config packages…
SkillDFreshness: D★ 2Claude Code +9 - 0.448score
makefile
JsonLee12138
Use when creating, editing, or validating Makefiles.
SkillDFreshness: D★ 2Claude Code +9 - 0.448score
solo-ops
JsonLee12138
AI team role manager for multi-agent development workflows.
SkillDFreshness: D★ 2Claude Code +9 - 0.448score
vite-tanstack
JsonLee12138
TanStack (Router/Query/Form/Table) configuration guide for Vite + React projects.
SkillDFreshness: D★ 2Claude Code +9 - 0.417score
brainstorming
JsonLee12138
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior.
SkillDFreshness: D★ 2Claude Code +9
Signals
- Stars
- 2
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Feb 27, 2026 (8 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- Apache-2.0
- Repository
- github.com/JsonLee12138/prompts
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from JsonLee12138
- 0.507score
actions-npm
JsonLee12138
Use when creating or debugging GitHub Actions workflows that publish npm packages with trusted publishing / OIDC.
SkillCFreshness: C★ 2Claude Code +9 - 0.502score
task-splitting
JsonLee12138
Decompose requirement, design, or brainstorming documents into reviewable task drafts with one function per task and one file per task, then create…
SkillDFreshness: D★ 33Claude Code +9 - 0.502score
prompt-engineering-patterns
JsonLee12138
Master advanced prompt engineering techniques to maximize LLM performance, reliability, and controllability in production.
SkillDFreshness: D★ 33Claude Code +9 - 0.497score
mckinsey-consultant
JsonLee12138
McKinsey-style business consultant for hypothesis-driven problem solving, structured analysis, and strategic recommendations Use when the user asks for…
SkillDFreshness: D★ 33Claude Code +9 - 0.497score
pm
JsonLee12138
Full-stack product manager covering strategy, discovery, execution, go-to-market, market research, data analytics, marketing growth, and PM toolkit Use when…
SkillDFreshness: D★ 33Claude Code +9 - 0.497score
pencil-designer
JsonLee12138
Senior Pencil UI/UX Designer specializing in design systems, responsive interfaces, and accessible applications with mandatory Pencil MCP integration Use when…
SkillDFreshness: D★ 33Claude Code +9
Cite this page
unocss-shadcn skill. Agent Mart. https://agentmart.dev/skills/jsonlee12138-unocss-shadcn (last updated 2026-10-24)