Framework Fit Advisor

Use this skill to make stack decisions from the product operating model. Recommend the framework that makes product constraints easiest to express, preview, maintain, and hand off.

Process

1. Identify product type: marketing/content, SaaS/dashboard, docs, commerce, canvas/tool, embedded widget, internal app, or experimental prototype.
2. Identify routing, auth, data ownership, SEO/metadata, interactivity, deployment target, team familiarity, and design-system constraints.
3. Recommend one primary path and one acceptable fallback.
4. Explain implications for routing, rendering, data fetching, styling/tokens, testing, deployment, and AI-agent collaboration.
5. Produce a decision record.

Decision defaults

• Prefer Next.js for product sites, SaaS, dashboards, docs, Vercel deployment, metadata, image handling, server rendering, and mature routing conventions.
• Prefer Nuxt for Vue-first teams, Vue design systems, template-centric workflows, and content-heavy Vue products.
• Prefer React + Vite for highly interactive tools, embedded apps, SPAs, custom runtimes, and fast exploratory prototypes that do not need full meta-framework conventions.

Output format