lg-ui-scaffolder

Generate Flutter screens and widgets from visualization designs with strict architectural layering.

1|1|Updated Feb 18, 2026
One-click install
npx skills add https://github.com/AshishYesale7/LGFlutterStarterKit --skill lg-ui-scaffolder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lg-ui-scaffolder
Source: https://github.com/AshishYesale7/LGFlutterStarterKit/tree/main/.agent/skills/lg-ui-scaffolder
Command: npx skills add https://github.com/AshishYesale7/LGFlutterStarterKit --skill lg-ui-scaffolder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of Flutter screens and widgets, ensuring adherence to architectural best practices and accelerating UI development for Liquid Galaxy applications.

Core Features & Use Cases

  • Screen Generation: Creates new screens based on defined visualization designs and interaction plans.
  • Widget Extraction: Identifies and extracts reusable UI components to maintain code consistency.
  • Architecture Compliance: Enforces strict layering, delegating all business logic to services and preventing direct I/O or network calls within UI code.
  • Use Case: After defining the user flow for a new data visualization feature, use this Skill to generate the necessary Flutter screens and widgets, ensuring they integrate seamlessly with the existing Liquid Galaxy service layer.

Quick Start

Use the lg-ui-scaffolder skill to generate a new 'EarthquakeDetailScreen' based on the provided plan.

Frequently Asked Questions about lg-ui-scaffolder

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

FAQPage Schema
How do I generate Flutter UI code from design files?

Flutter UI code generation from design visualizations requires providing a defined interaction plan, which the scaffolder uses to produce screens and widgets. This process enforces architectural compliance by delegating business logic to services.

Can I make direct network calls or SSH connections in Flutter presentation code?

Direct network calls, SSH connections, and KML generation are explicitly prevented in Flutter presentation code. The generated controller-style UI delegates all business logic and I/O operations to the service layer.

Does the generated Flutter UI support responsive layout for multi-screen rigs?

Responsive layout strategies for multi-screen rigs are enforced by the generated Flutter UI. Adherence to Material Design principles is required to ensure responsive layouts function correctly across multiple display screens.

How do I extract reusable widgets when building Flutter screens?

Widget extraction for Flutter screens happens automatically during UI generation, identifying and extracting reusable components to maintain code consistency. This ensures extracted widgets integrate seamlessly with the service layer.

What is the best way to enforce architecture boundaries in Flutter widget development?

Enforcing architecture boundaries in Flutter widget development requires generating controller-style UI that strictly delegates business logic to services. This approach prevents direct I/O operations within presentation code.

Why does my Flutter UI generation require a service layer for Liquid Galaxy applications?

Flutter UI generation for Liquid Galaxy applications requires a service layer to handle business logic, preventing direct network calls and KML generation within presentation code. This ensures strict architectural layer boundaries.