component-classifier

Classify Flutter components into layered architecture categories with cross-layer rule checks.

1|Updated Apr 27, 2026
One-click install
npx skills add https://github.com/Saurav-snapwork/NewAppTemplate --skill component-classifier
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: component-classifier
Source: https://github.com/Saurav-snapwork/NewAppTemplate/tree/main/.github/skills/component-classifier
Command: npx skills add https://github.com/Saurav-snapwork/NewAppTemplate --skill component-classifier

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Component Classifier provides a structured method to map Flutter-derived components (widgets, methods, models) into the layered architecture (presentation, domain, data, state) for downstream scaffolding, migration, or code-generation skills.

Core Features & Use Cases

  • Classifies widgets, methods, API calls, and models into architectural layers based on explicit signals, and detects cross-layer violations per constitution rules.
  • Supports BLoC/Cubit, GetX Controllers, and other Flutter patterns to enable downstream conversion to React Native or Redux-like structures.
  • Produces a reusable component map that can be matched against an existing React Native catalog to minimize duplication.

Quick Start

Provide the parsed Flutter output to this skill to generate a structured classification ready for downstream tooling.

Frequently Asked Questions about component-classifier

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I classify Flutter components into layered architecture for migration?

Classify Flutter components into layered architecture by parsing widgets, methods, and models into presentation, domain, data, and state layers to enable accurate downstream React Native generation and migration.

Does the classifier support BLoC and GetX patterns for Flutter architecture?

Yes, the classifier supports BLoC, Cubit, and GetX controllers. It detects architectural layer signals and cross-layer violations per constitution rules to facilitate downstream conversion to React Native or Redux-like structures.

How do I detect cross-layer architecture violations in Flutter code?

Detect cross-layer architecture violations by applying constitution rules to parsed Flutter artifacts including widgets, methods, and API calls, surfacing warnings or governance violations during the classification process.

Can I match classified Flutter components to an existing React Native catalog?

Yes, the classifier produces a reusable component map that references an existing React Native catalog. This structured classification artifact minimizes duplication during downstream scaffolding and code generation.

What inputs do I need to provide to classify Flutter widgets and models?

Provide parsed Flutter outputs, including widgets, methods, models, and API calls, to the classifier. It generates a structured classification artifact ready for downstream tooling without requiring additional manual configuration.