SkillsAdd

smithery.ai

shadcn-vue-admin

Build and maintain the shadcn-vue-admin Vue 3 + Vite + TypeScript admin dashboard with shadcn-vue, Tailwind, Pinia, Vue Router, i18n, and TanStack Query. Use for UI/layout changes, page additions, routing updates, theme/auth work, and component integration in this repo.

First seen Mar 20, 2026

Installation

$ npx skills add https://smithery.ai
View on skills.sh ↗ Website ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

frontend-design Same topic
anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…

866.4K installs
agent-browser Same topic
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
vercel-react-best-practices Same topic
vercel-labs/agent-skills 697.8K installs
web-design-guidelines Same topic
vercel-labs/agent-skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…

617.3K installs
microsoft-foundry Same topic
microsoft/azure-skills

Build, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …

576.5K installs
azure-diagnostics Same topic
microsoft/azure-skills

Debug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …

568.9K installs

Also in this package

Other skills from smithery.ai · top by installs.

npx skills add https://smithery.ai
smithery-ai-cli 7.8K frontend-design 6.2K skill-creator 2.5K ck:ui-ux-pro-max 1.3K pdf 1.2K xlsx 966 pptx 894 docx 884 webapp-testing 1 web-design-reviewer 657

Browse all from smithery.ai

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Skill metadata

Parsed from SKILL.md frontmatter.

LicenseMIT
More metadata
repository
Whbbit1999/shadcn-vue-admin
package-manager
pnpm
framework
vue
language
typescript

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,977 B
  • docs SUMMARY.md 294 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 2 installs

SKILL.md

Purpose and scope

Maintain this Vue 3 admin dashboard repository: pages and layouts, component integration, routing/auth, theming and i18n, data tables, and form validation.

Codebase map

  • App entry: src/main.ts, src/App.vue
  • Routing: src/router/
  • Layouts and pages: src/layouts/, src/pages/
  • Components: src/components/ (including shadcn-vue style UI)
  • State: src/stores/
  • Composables: src/composables/
  • Utils and constants: src/utils/, src/lib/, src/constants/
  • Plugins: src/plugins/

References

  • System knowledge map: [references/SYSTEMKNOWLEDGEMAP.md](references/SYSTEMKNOWLEDGEMAP.md)
  • Testing strategy: [references/testing-strategy.md](references/testing-strategy.md)

Standard workflow

  1. Read existing implementations in the target directory and reuse established patterns and styles.
  2. Prefer existing shadcn-vue components and shared utilities to avoid duplication.
  3. Only change public APIs when necessary; avoid large-scale formatting unrelated code.

Commands and checks

  • Dev server: pnpm dev
  • Build (CI-like check): pnpm build
  • Lint fix: pnpm lint:fix

Requirements:

  • Run pnpm build for any non-copy-only change.
  • Run pnpm lint:fix after code changes.
  • If you modify core logic (src/lib/, src/utils/, src/composables/, src/services/, src/router/, src/stores/):

- If test scripts exist (e.g. pnpm test/pnpm test:unit), add/update tests and run them. - If no test scripts exist, tests are optional but recommended; include “Testing Notes” in the change description.

Design and implementation conventions

  • Use Vue 3 Composition API with TypeScript.
  • Prefer tanstack/vue-form + zod for form validation.
  • Follow existing theming strategy in src/assets/ and src/stores/theme.ts.
  • Follow the existing structure for i18n in src/plugins/i18n/.

Common task guides

Add a page

  1. Create a page component under src/pages/.
  2. Register routing/menu via src/router/ if needed.
  3. Use existing layouts and shared components for consistent spacing and typography.

Add a component

  1. Reuse src/components/ui/ and existing shadcn-vue components first.
  2. If it should be shared, place it under src/components/ to avoid page-level duplication.

Update theme/styles

  1. Prefer Tailwind and theme files in src/assets/.
  2. Avoid heavy inline styles; keep components maintainable.

Output requirements

After changes, provide a concise summary and list any commands run (if any).