unyo-ui-presentation

Implements Unyi UI architecture with three-layer Screen-Listener-View pattern and Bloc state management.

651|26|Updated Mar 24, 2024

Search Tags:#architecture #flutter #widgets #ui-patterns #bloc #unyo

Ready to run

npx skills add https://github.com/K3vinb5/Unyo --skill unyo-ui-presentation

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: unyo-ui-presentation
Source: https://github.com/K3vinb5/Unyo/tree/main/.agents/skills/unyo-ui-presentation
Command: npx skills add https://github.com/K3vinb5/Unyo --skill unyo-ui-presentation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guides developers in implementing a consistent Unyo UI architecture using a three-layer pattern (Screen → Listener → View) and Bloc-based state management.

Core Features & Use Cases

Standardized three-layer screen pattern (Screen → Listener → View) to separate concerns.
Built-in Bloc integration and effects handling for dialogs, drawers, and navigation.
Reusable UI conventions for widgets and typography to maintain UI consistency across the app.
Clear guidance on not placing business logic in the Screen layer and how to structure UI code.

Quick Start

Build a new screen following the three-layer pattern and reference examples in the skill to implement UI components.

Frequently Asked Questions about unyo-ui-presentation

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

FAQPage Schema

How do I structure Flutter UI components with a three-layer architecture pattern?▼

Structure Flutter UI components using a Screen → Listener → View pattern to separate concerns, with Bloc-based state management handling effects and rendering predictably across the presentation layer.

What is the best way to handle dialogs and drawers in Flutter Bloc state management?▼

Handle dialogs and drawers in Flutter Bloc by integrating effect handling within the Listener layer, keeping business logic out of the Screen while maintaining consistent UI conventions across the app.

Can I use this three-layer UI pattern for reusable Flutter widgets and typography?▼

Yes, you can use the three-layer UI pattern for reusable Flutter widgets and typography. It provides standardized conventions to maintain UI consistency across new screens, drawers, and components.

When do I need a Screen Listener View separation in Flutter app development?▼

You need a Screen Listener View separation in Flutter when building new screens or dialogs that require predictable rendering, ensuring business logic stays isolated from the UI layer via Bloc state management.

Why should business logic not be placed in the Flutter Screen layer?▼

Business logic should not be placed in the Flutter Screen layer to maintain separation of concerns. The Screen layer focuses on UI structure, while Bloc and the Listener handle state and effects.

Does this Flutter UI architecture skill require any specific dependencies or components?▼

No specific dependencies or components are required. The skill guides the implementation of the three-layer architecture and Bloc state management directly within your existing Flutter presentation layer.