project-screen

Create Flutter screens with GoRouter route constants and adaptive scaffolds.

2|Updated Jul 3, 2025
One-click install
npx skills add https://github.com/gsmlg-app/flutter-app-template --skill project-screen
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: project-screen
Source: https://github.com/gsmlg-app/flutter-app-template/tree/main/.claude/skills/project-screen
Command: npx skills add https://github.com/gsmlg-app/flutter-app-template --skill project-screen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill streamlines the creation of new screens in a Flutter application by enforcing project-specific conventions for routing, layout, and structure, reducing boilerplate code and ensuring consistency.

Core Features & Use Cases

  • Guided Screen Creation: Utilizes Mason templates to scaffold new screens with predefined structures.
  • Routing Convention Enforcement: Ensures all screens define static name and path constants for easy integration with GoRouter.
  • Adaptive Layout Integration: Facilitates the use of AppAdaptiveScaffold for responsive UI design across different screen sizes.
  • Use Case: When a developer needs to add a new feature screen, like a user profile or settings page, this skill provides the template and guidance to implement it correctly within the project's architecture.

Quick Start

Use the project-screen skill to create a new screen named 'UserProfile' with an adaptive scaffold and app bar.

Frequently Asked Questions about project-screen

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

FAQPage Schema
How do I create a new Flutter screen with GoRouter conventions?

To create a new Flutter screen with adaptive layouts, use the AppAdaptiveScaffold component to structure responsive UI design across different screen sizes within your project conventions.

How do I enforce routing conventions when adding a new screen in Flutter?

Enforcing routing conventions requires defining static name and path constants for each new screen, allowing consistent integration with GoRouter and reducing boilerplate code during UI development.

Does this scaffold approach support adaptive layouts for Flutter applications?

Yes, the scaffold approach supports adaptive layouts by integrating AppAdaptiveScaffold components, which facilitate responsive UI design across various screen sizes while adhering to routing conventions.

What is the best way to scaffold a Flutter screen to reduce boilerplate?

The best way to scaffold a Flutter screen and reduce boilerplate is using Mason templates that provide predefined structures, enforcing project-specific conventions for layout and routing automatically.

Do I need Mason templates to generate Flutter screens with routing constants?

Yes, you need Mason templates to generate Flutter screens because they provide the guided structure necessary to enforce mandatory static route constants and integrate adaptive scaffold components correctly.

Why should I use static route constants for Flutter navigation destinations?

You should use static route constants for Flutter navigation destinations to ensure seamless integration with GoRouter, maintain routing consistency, and prevent hardcoded path errors during UI development.