concept
Plans frontend strategy, product phases, and roadmaps for the Twin2MultiCloud application.
Install
mkdir -p .claude/skills/concept && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/13616" && unzip -o skill.zip -d .claude/skills/concept && rm skill.zipInstalls to .claude/skills/concept
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.
Use this project-specific Twin2MultiCloud skill when the user asks to "plan the frontend", "create a concept", "define a roadmap", "organize phases", "pillar planning", "strategic frontend planning", "concept document", or "phase planning" for the Twin2MultiCloud Flutter app. Use for all frontend strategy and documentation tasks that do NOT involve writing code or producing implementation plans.Key capabilities
- →Plan frontend strategy for Flutter apps
- →Define roadmaps and organize phases
- →Document strategy, scope, and dependencies
- →Propose pillars for major frontend areas
- →Create concept and phase documents
How it works
The skill acts as a Strategic Product Architect, focusing on concepts, phases, and roadmaps for the Twin2MultiCloud Flutter app. It documents strategy, scope, and dependencies, and organizes work into pillars and roadmaps.
Inputs & outputs
When to use concept
- →Strategic frontend planning
- →Organizing project phases
- →Defining product roadmaps
- →Creating concept documents
About this skill
Concept — Thesis-PoC frontend planning
Read references/flutter-guardrails.md before any work. For a material
document change, also read references/documentation-standards.md and
references/pillar-organization.md.
Mission
Shape a coherent Flutter workflow that is sufficient to answer the thesis research questions. Prefer the smallest clear concept that preserves traceability, cloud-mutation safety and reproducibility. Do not plan a generic cloud-management product.
Boundaries
- Do not write Dart code or detailed widget/BLoC implementation plans.
- Do not run builds, tests or provider operations.
- Flutter calls only the Management API.
- Do not expose inactive objectives, architecture choices or product administration merely to demonstrate extensibility.
- Map every retained UI responsibility to a research question, safety need or reproducibility need.
Required context
Read only the relevant parts of:
docs/plans/2026-08-26_thesis_poc_target_concept.md;docs/research/research_questions_and_evaluation_design.md;docs/plans/2026-08-26_thesis_poc_execution_plan.md;FRONTEND_ARCHITECTURE.md;integration_vision.md;twin2multicloud_flutter/README.md; and- the affected current code and Management OpenAPI contract.
Do not load every historical document in twin2multicloud_flutter/docs/.
Workflow
- State the research/safety responsibility and the user outcome.
- Define in-scope and out-of-scope behavior.
- Check the current UI and Management contract before proposing new surface.
- Prefer consolidation and reuse over new routes, pillars or frameworks.
- Record decisions and dependencies in one current concept document.
- Hand the approved concept to
architectin the current task context; do not create a permanent handoff document.
Concepts may include an execution sequence, but must not become open-ended product roadmaps. Temporary phase or implementation documents are removed after their implemented decisions are reflected in current architecture, developer and decision documentation. Git preserves the detailed history.
Gaps
When the UI needs a missing backend contract, report the exact gap and target service. Use a GitHub Issue only when the user requests issue tracking; do not create parallel local feature-request or bug backlogs.
Related skills
architectcreates the bounded implementation plan.mockermay create a temporary visual prototype when it materially reduces UI uncertainty.builderimplements an approved plan.auditorverifies the result against that plan.
When not to use it
- →When writing or generating Dart code
- →When creating implementation plans
- →When running, building, testing, or executing anything
Limitations
- →Never writes or generates Dart code
- →Never creates implementation plans
- →Never runs, builds, tests, or executes anything
How it compares
This skill provides a high-level, strategic planning and documentation approach for frontend development, explicitly avoiding code implementation, which differs from direct development or tactical planning.
Compared to similar skills
concept side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| concept (this skill) | 0 | 5mo | No flags | Advanced |
| mobile-design | 149 | 5mo | Review | Intermediate |
| mobile-games | 11 | 8mo | No flags | Intermediate |
| mobile-components | 3 | 7mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by TVJunkie724
View all by TVJunkie724 →You might also like
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.
mobile-games
davila7
Mobile game development principles. Touch input, battery, performance, app stores.
mobile-components
dadbodgeoff
Mobile-first UI components including bottom navigation, bottom sheets, pull-to-refresh, and swipe actions. Touch-optimized with proper gesture handling.
lg-nanobanana-sprite
AshishYesale7
Leverage AI (Nano Banana/Imagen) to generate high-quality visual assets (icons, logos, placemark images, overlay graphics) and integrate them into Liquid Galaxy Flutter apps.
genui
gskinnerTeam
Core GenUI framework for dynamic AI-driven UIs. Use when: working with Conversation, SurfaceController, Transport, Surface, SurfaceHost, Catalog, CatalogItem, CatalogItemContext, DataModel, DataContext, DataPath, A2uiSchemas, ClientFunction, PromptBuilder, A2UiClientCapabilities, data binding, A2UI
figma-import
gskinnerTeam
Translates Figma designs into production-ready Flutter code. Use when: importing, implementing, or building UI from a Figma design, link, or node; user mentions 'implement design', 'generate code', 'implement component', provides Figma URLs, or asks to build widgets matching Figma specs. Covers the