Vue Harvest
Points at any Vue project and extracts a component library. Parses every .vue file with @vue/compiler-sfc to build a dependency graph, scores extraction confidence based on coupling patterns like direct store access or hardcoded APIs, and auto-extracts anything above your threshold into standalone bundles with rewritten imports. Also scrapes design tokens from all CSS and outputs them as custom properties plus a visual HTML explorer. The MCP server exposes twelve tools for the harder cases: deep_analyze for store-coupled components, suggest_refactor with before/after code, generate_wrapper for composable abstractions, and batch_triage to prioritize everything in the 30-70% confidence band. Reach for this when you're extracting a design system from an existing codebase or building an internal component registry.
- tools
- 12
- transport
- STDIO
- last updated
- Mar 31, 2026
Tools
12 toolsPublic tool metadata for what this MCP can expose to an agent.
analyze-projectRuns the full pipeline on a project path
Runs the full pipeline on a project path
No parameter schema in public metadata yet.
list-componentsLists components with filters (tier, confidence range)
Lists components with filters (tier, confidence range)
No parameter schema in public metadata yet.
inspect-componentFull analysis with source code
Full analysis with source code
No parameter schema in public metadata yet.
extract-componentExtracts with force option
Extracts with force option
No parameter schema in public metadata yet.
deep-analyzeStructured coupling analysis for LLM reasoning
Structured coupling analysis for LLM reasoning
No parameter schema in public metadata yet.
suggest-refactorBefore/after code for decoupling
Before/after code for decoupling
No parameter schema in public metadata yet.
generate-wrapperCreates composable wrappers for store-bound components
Creates composable wrappers for store-bound components
No parameter schema in public metadata yet.
adapt-and-extractFull rewrite + extract in one step
Full rewrite + extract in one step
No parameter schema in public metadata yet.
batch-triagePrioritizes all reviewable components with effort estimates
Prioritizes all reviewable components with effort estimates
No parameter schema in public metadata yet.
coupling-reportProject-wide coupling patterns
Project-wide coupling patterns
No parameter schema in public metadata yet.
analyze-design-systemExtracts design tokens
Extracts design tokens
No parameter schema in public metadata yet.
get-design-tokensReturns tokens filtered by type
Returns tokens filtered by type
No parameter schema in public metadata yet.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageReadme
vue-harvest
Point it at a Vue project. It finds every component, figures out which ones are reusable, and extracts them. It also pulls out your design tokens (colors, spacing, typography) and gives you a visual report.
The hard cases that need judgment (store-coupled components, ambiguous dependencies) get handled by an MCP server that feeds structured analysis to an LLM.
What it does
Component extraction. Parses every .vue file in a project using @vue/compiler-sfc. For each component it extracts the full interface (props, emits, slots), maps out the dependency graph, detects coupling issues, and scores a confidence level for safe extraction. Components above the threshold get auto-extracted into standalone bundles with rewritten imports and a manifest of peer dependencies.
Design token extraction. Scans all CSS (scoped styles, standalone stylesheets) and pulls out colors, font families, font sizes, font weights, spacing values, border radii, and shadows. Outputs a CSS custom properties file, a JSON dump, and a visual HTML explorer showing swatches and scales.
Details
- Repository
- github.com/virgilvox/vue-harvest
- Categories
- Design & Creative, Search & Web Crawling
- Package
vue-harvest-mcp- Transport
- STDIO
- Registry
- MCP registry, active
Related Design & Creative MCP servers
View all
Tailwind Context Resolver Mcpvola-trebla/tailwind-context-resolver-mcpResolves Tailwind CSS design tokens and validates utility classes against the local project config.0stars
HTML to Figma — Design Systemmiapre/html-to-figma-design-systemTranslate HTML prototypes into Figma using your design system's real components and tokens.3stars
Openflowkit Mcpvrun-design/openflowkitArchitecture diagrams for your agent: draw on the live OpenFlowKit canvas or edit diagram files.931stars
AI Game Developer: MCP for Unity, Unreal and Godotivanmurzak/unity-mcpMake games with AI: one MCP server that connects your agent to Unity, Unreal and Godot editors.4.6Kstars
Excalidrawyctimlin/mcp_excalidrawProvides an Excalidraw canvas exposed via MCP for real-time diagramming and element CRUD from AI agents.1.9Kstars
Figma MCP Serverfigma/mcp-server-guideThe Figma MCP server brings Figma design context directly into your AI workflow.0stars