saas-dev:detect-framework

Detect a SaaS frontend framework stack by analyzing the project's package.json dependencies and devDependencies. You can identify whether React, Vite, Tailwind, and shadcn/ui are present to determine the correct UI and tooling configuration for integration planning.

Shadcn/ui detection works by checking for a components.json file as a definitive indicator. If components.json is missing, it falls back to a Radix UI package heuristic in the package.json dependencies to determine if the UI library is present.

You can get a confidence score for detected frontend frameworks. The detection process returns a structured FrameworkDetectionResult that includes confidence levels, detected flags, and a missing-elements list for partial matches.

Automate framework-specific code generation by running deterministic detection against package.json and repository files. This provides the exact UI and tooling configuration needed for pipelines to select the correct setup across modern React-based stacks.

Framework detection works for partial matches by generating a missing-elements list. It evaluates predefined checks against repository files and returns missing stack elements alongside detected flags in the FrameworkDetectionResult.

Checking both package.json and components.json ensures accurate frontend stack detection. While package.json reveals dependencies like React and Vite, components.json provides a strong, definitive signal for shadcn/ui integration that dependency names alone might not capture.