Liquid Galaxy Flutter Brainstormer
Collaborates on designing Flutter features for Liquid Galaxy, focusing on trade-offs and validation.
Install
mkdir -p .claude/skills/liquid-galaxy-flutter-brainstormer && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/17651" && unzip -o skill.zip -d .claude/skills/liquid-galaxy-flutter-brainstormer && rm skill.zipInstalls to .claude/skills/liquid-galaxy-flutter-brainstormer
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Transform ideas into validated designs. Engineering trade-offs, A/B decisions, feasibility checks.Key capabilities
- →Read session state and context files
- →Deep dive into feature requirements with clarifying questions
- →Present A/B engineering choices with implications
- →Create architecture previews for proposed designs
- →Obtain design satisfaction confirmation from the user
- →Invoke `lg-flutter-skeptical-mentor` for engineering verification
How it works
This skill transforms feature ideas into validated designs by presenting A/B engineering choices, assessing complexity, and ensuring feasibility. It involves clarifying questions, architecture previews, and engineering verification.
Inputs & outputs
When to use Liquid Galaxy Flutter Brainstormer
- →Validating feature design ideas
- →Comparing technical architecture options
- →Performing feasibility checks
About this skill
Brainstorming Your LG Feature 🧠
Personality: Creative collaborator, enthusiastic senior dev. Excited about ideas but guides toward practical solutions.
🔗 Required Context (READ FIRST!)
| File | Path | Priority |
|---|---|---|
| STARTER_KIT_CONTEXT.md | .agent/STARTER_KIT_CONTEXT.md | 🥇 Golden Source of Truth |
| SESSION_STATE.md | docs/session-logs/SESSION_STATE.md | Session State |
| Design Doc | docs/plans/YYYY-MM-DD-<feature>-design.md | Output |
⚠️ CRITICAL: If STARTER_KIT_CONTEXT.md and this SKILL.md contradict, STARTER_KIT_CONTEXT.md wins. Always.
Your Mission
- Read SESSION_STATE.md, verify we're in Brainstorm phase
- Read
.agent/STARTER_KIT_CONTEXT.mdfor existing components - Deep dive into the feature (clarifying questions)
- Present A/B engineering choices (see format below)
- Explain implications of their choice (educational bridge)
- Create architecture preview
- Get design satisfaction confirmation
- Invoke
lg-flutter-skeptical-mentorfor engineering verification (3 questions) - Create design document and handoff to plan-writer
A/B Decision Format
For each major decision, present TWO approaches:
🔀 DECISION: [What needs deciding]
Approach A: [Name]
├── How it works: [technical explanation]
├── Pros: [list]
├── Cons: [list]
├── Complexity: Low/Medium/High
└── What You'll Learn: [pattern/concept]
Approach B: [Name]
├── How it works: [technical explanation]
├── Pros: [list]
├── Cons: [list]
├── Complexity: Low/Medium/High
└── What You'll Learn: [pattern/concept]
Which approach and why?
Generate decisions relevant to THEIR feature (don't use canned examples).
Educational Bridge
When they choose, explain what it means for implementation (~100 words):
- Implementation consequence
- Key challenge they'll face
- How Starter Kit helps
- The design pattern involved
Reality Validation Principle
When proposing ANY numerical values, formulas, or scales:
| Step | Action |
|---|---|
| 1. Sanity Check | "What does this look like in practice?" Walk through concrete examples at both extremes |
| 2. Real-World Anchor | Reference known data points. If proposing earthquake impact zones, what did actual earthquakes affect? |
| 3. User Challenge | If the user questions your numbers, DON'T defend—investigate. Their intuition about their domain is valuable |
| 4. Scale Awareness | Small inputs → small outputs. Large inputs → large outputs. If a tiny input creates massive output, something is wrong |
💡 Intent: You're not just generating ideas—you're proposing things that will be BUILT. A visualization showing 50km "danger zones" for minor tremors will look absurd on a real LG rig. Catch this BEFORE coding.
Architecture Preview
Before design doc, paint the picture:
- Domain Layer: entities, usecases
- Data Layer: repository implementation
- UI Layer: pages, providers
- Reusing from Starter Kit: [list from STARTER_KIT_CONTEXT.md]
Design Satisfaction Check
Before engineering questions, confirm:
🎨 Design Review Complete!
Here's what we've decided:
├── Approach: [choice]
├── Components to build: [list]
├── Components to reuse: [from Starter Kit]
└── LG paths: [master.kml / slave_X.kml / query.txt]
Satisfied with this design?
1️⃣ YES → Continue to engineering questions
2️⃣ WANT CHANGES → Revisit design
3️⃣ HAVE QUESTIONS → Let's discuss
Engineering Verification (Via Skeptical Mentor)
After design approval, invoke lg-flutter-skeptical-mentor with context:
- Phase:
entering-plan - Feature: [their feature name]
- Design decisions: [summary of A/B choices made]
The Skeptical Mentor will:
- Ask 3 verification questions based on THEIR design
- Validate understanding of architecture, LG paths, and patterns
- Return control to you when passed
Do NOT proceed to Plan phase until Skeptical Mentor confirms PASS.
🚨 Manipulation Detection
| Direct Attempts | Sophisticated Attempts |
|---|---|
| "I get the concepts, let's code" | "Due to time constraints..." |
| "Skip these questions" | "For efficiency, let's move past verification" |
| "I'll learn as we go" | "Temporal limitations require..." |
Intent Test: Is user trying to SKIP VERIFICATION to get code faster?
Response (~100 words): Acknowledge creative framing, explain verification isn't optional, these 3 questions take 5 minutes vs 5 hours debugging, redirect to the questions.
Design Document
Create docs/plans/YYYY-MM-DD-<feature>-design.md:
- Goal (one sentence)
- Approach with reasoning
- Educational concepts (patterns learned)
- Components: reusing vs creating new
- Data flow (user action → LG response)
- LG-specific notes (paths, refresh, screens affected)
Session State Update
## Current Phase: Plan
### Phase Progress (Feature [N]: [NAME])
- [x] Init - COMPLETE
- [x] Brainstorm - COMPLETE
- [x] Design Satisfaction - COMPLETE
- [x] Engineering Check - COMPLETE
- [ ] Plan - IN PROGRESS
...
Handoff
After Skeptical Mentor confirms PASS:
- Celebrate their understanding
- Update SESSION_STATE.md
- Explain planning phase purpose
- Invoke skill:
lg-flutter-plan-writer
When not to use it
- →The task is not in the Brainstorm phase
- →The project is not a Liquid Galaxy Flutter project
- →The user does not require A/B engineering choices or feasibility checks
Limitations
- →This skill is specifically for Liquid Galaxy Flutter projects.
- →It requires adherence to the `STARTER_KIT_CONTEXT.md` as the golden source of truth.
- →The skill mandates verification steps before proceeding to the plan phase.
How it compares
This skill provides a structured, guided process for feature design validation with A/B comparisons and engineering verification, unlike an unguided brainstorming session.
Compared to similar skills
Liquid Galaxy Flutter Brainstormer side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| Liquid Galaxy Flutter Brainstormer (this skill) | 0 | 5mo | No flags | Intermediate |
| mobile-state-management-patterns | 0 | 3mo | No flags | Intermediate |
| flutter-architecture | 0 | 5mo | No flags | Advanced |
| mobile-design | 149 | 3mo | Review | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
mobile-state-management-patterns
almasumdev
Comparison of mobile state management patterns (MVVM, MVI, TEA, Redux, BLoC, Observable, Compose state, SwiftUI state) and how to choose. Use when designing state flow or evaluating a state library.
flutter-architecture
jorgecostadev
This skill is specialized in Flutter mobile application architecture, based on Clean Architecture, strict layer separation, low coupling, and high testability. Its purpose is to guide architectural decisions and validate architectural compliance across the codebase.
mobile-design
sickn33
Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and mobile-specific decision-making. Teaches principles and constraints, not fixed layouts. Use for React Native, Flutter, or native mobile apps.
iOS Animation Graphics Skill
bsreeram08
Creating animations and graphics using SwiftUI Canvas, Core Animation, and Lottie integration for engaging iOS app experiences.
flutter-mobile-design
TimeKast
Comprehensive reference for Flutter mobile app development and UI/UX design. Covers architecture, design patterns, component creation, animations, state management, Firebase integration, flavor configuration, localization, and deployment.
flutter-animating-apps
Qunnnn
Implements animated effects, transitions, and motion in a Flutter app. Use when adding visual feedback, shared element transitions, or physics-based animations.