mobile

Comprehensive kit for Flutter and React Native mobile development with 23 agents, 26 skills, 71 commands, and mobile-specific tooling

npx kiro-kit add mobile

Comprehensive kit for Flutter and React Native mobile development with 23 agents, 26 skills, 71 commands, and mobile-specific tooling

At a glance

Artifact	Count
Commands	71
Agents	23
Skills	26
Workflows	4
Hook scripts	9
Native Kiro hooks	7
Files written in total	446

Category: mobile · Version: 1.0.0

Tags: flutter, dart, react-native, mobile, ios, android, cross-platform

Commands

Command	Description
`ask`	⚡ Answer technical and architectural questions.
`bootstrap`	Bootstrap the mobile project with dependencies, environment setup, and initial configuration
`bootstrap/auto`	⚡⚡⚡⚡ Bootstrap a new project automatically
`bootstrap/auto/fast`	⚡⚡⚡ Quickly bootstrap a new project automatically
`brainstorm`	⚡⚡ Brainstorm a feature
`clean`	Clean build artifacts, caches, and generated files
`code`	⚡ Start coding & testing an existing plan
`content/cro`	Analyze the current content and optimize for conversion
`content/enhance`	Analyze the current copy issues and enhance it
`content/fast`	Write creative & smart copy [FAST]
`content/good`	Write good creative & smart copy [GOOD]
`cook`	⚡⚡⚡ Implement a feature [step by step]
`cook/auto`	⚡⚡ Implement a feature automatically ("trust me bro")
`cook/auto/fast`	⚡ No research. Only scout, plan & implement ["trust me bro"]
`debug`	⚡⚡ Debugging technical issues and providing solutions.
`design/3d`	Create immersive interactive 3D designs with Three.js
`design/describe`	Describe a design based on screenshot/video
`design/fast`	Create a quick design
`design/figma`	Extract design specs from Figma for mobile implementation
`design/good`	Create an immersive design
`design/screenshot`	Create a design based on screenshot
`design/system`	Generate or update the mobile design system documentation
`design/video`	Create a design based on video
`design/wireframe`	Create wireframe specifications for mobile screens
`docs/architecture`	Generate or update architecture documentation for the mobile app
`docs/init`	⚡⚡⚡⚡ Analyze the codebase and create initial documentation
`docs/summarize`	Analyze the codebase and generate documentation summary
`docs/update`	Update project documentation based on recent code changes
`fix`	⚡⚡ Analyze and fix small issues [AUTO DETECT COMPLEXITY]
`fix/build`	Diagnose and fix build failures for mobile platforms
`fix/ci`	⚡ Analyze Github Actions logs and fix issues
`fix/fast`	⚡ Analyze and fix small issues [FAST]
`fix/hard`	⚡⚡⚡ Use subagents to plan and fix hard issues
`fix/lint`	Auto-fix linting and formatting issues
`fix/logs`	⚡ Analyze logs and fix issues
`fix/test`	⚡⚡ Run test suite and fix issues
`fix/tests`	Diagnose and fix failing tests
`fix/types`	⚡ Fix type errors
`fix/ui`	⚡⚡ Analyze and fix UI issues
`git/branch`	Create a new feature or fix branch with proper naming
`git/cm`	Stage all files and create a commit.
`git/commit`	Stage and commit changes with conventional commit message
`git/cp`	Stage, commit and push all code in the current branch
`git/pr`	Create a pull request with conventional format
`journal`	⚡ Write some journal entries.
`lint`	Run static analysis and linting on the mobile codebase
`mobile/navigation`	Add or modify navigation routes and flows
`mobile/platform`	Implement platform-specific features or native integrations
`mobile/screen`	Generate a new mobile screen with proper architecture layers
`mobile/widget`	Generate a reusable widget or component with tests
`plan`	⚡⚡⚡ Intelligent plan creation with prompt enhancement
`plan/ci`	Analyze Github Actions logs and provide a plan to fix the issues
`plan/cro`	Create a CRO plan for the given content
`plan/fast`	⚡⚡ No research. Only analyze and create an implementation plan
`plan/feature`	Create an implementation plan for a new mobile feature
`plan/hard`	⚡⚡⚡ Research, analyze, and create an implementation plan
`plan/refactor`	Plan a refactoring effort with risk assessment
`plan/two`	⚡⚡⚡⚡ Research & create an implementation plan with 2 approaches
`release`	Prepare a release build with version bumping and changelog
`review/code`	Review code changes for quality, performance, and platform conventions
`review/codebase`	⚡⚡⚡ Scan & analyze the codebase.
`review/security`	Review code for security vulnerabilities and mobile-specific risks
`scout`	Scout the codebase for files relevant to a specific task
`scout/ext`	Scout codebase using external agentic tools for faster parallel search
`skill/add`	Add a new skill or reference files to an existing skill
`skill/create`	Create a new skill from scratch with proper structure
`skill/fix-logs`	Fix the agent skill based on `logs.txt` file.
`skill/optimize`	Optimize an existing skill for better token efficiency and effectiveness
`test`	Run the test suite with coverage reporting
`use-mcp`	Utilize tools of Model Context Protocol (MCP) servers
`watzup`	⚡ Review recent changes and wrap up the work

Agents

Agent	Description
`accessibility-auditor`	Use when you need to audit mobile screens for accessibility compliance, fix VoiceOver/TalkBack issues, implement semantic labels, or ensure touch target sizing.
`brainstormer`	Use when you need to brainstorm mobile solutions, evaluate architectural approaches, or debate technical decisions before implementation begins.
`code-reviewer`	Use when you need code review for mobile implementations, focusing on Flutter/Dart and React Native/TypeScript best practices, performance, and platform conventions.
`copywriter`	Use when you need to create compelling copy for app store listings, in-app messaging, onboarding flows, push notifications, or marketing materials.
`database-admin`	Use when you need to work with mobile databases (SQLite, Hive, Realm), design local schemas, optimize queries, or implement sync strategies with remote backends.
`debugger`	Use when you need to investigate mobile app issues, analyze crashes, diagnose performance problems, debug platform-specific behavior, or trace state management bugs.
`docs-manager`	Use when you need to manage technical documentation, update API docs, maintain architecture decisions, or organize documentation for the mobile project.
`git-manager`	Use when you need to stage, commit, push code changes, create pull requests, or manage git operations with conventional commit messages.
`journal-writer`	Use when significant technical difficulties occur -- repeated test failures, critical bugs, failed approaches, or blocking issues that need honest documentation.
`mcp-manager`	Use when you need to discover, configure, or troubleshoot MCP (Model Context Protocol) servers and their tools for the mobile development workflow.
`mobile-developer`	Use when you need to implement Flutter widgets, screens, state management, React Native components, or mobile features following platform-specific best practices.
`navigation-architect`	Use when you need to design navigation flows, implement routing, handle deep links, or architect screen transitions for mobile apps.
`performance-optimizer`	Use when you need to analyze and improve mobile app performance -- frame rates, startup time, memory usage, battery consumption, network efficiency, or app size.
`planner`	Use when you need to research, analyze, and create implementation plans for mobile features, architecture decisions, or complex technical solutions.
`platform-specialist`	Use when you need platform-specific guidance for iOS or Android, native module integration, platform channel implementation, or app store submission requirements.
`project-manager`	Use when you need project oversight, progress tracking, milestone management, or coordination across mobile development workstreams.
`researcher`	Use when you need to research mobile technologies, evaluate packages/plugins, investigate platform APIs, or gather information about mobile development best practices.
`scout`	Use when you need to quickly locate relevant files across the mobile codebase to complete a specific task.
`scout-external`	Use when you need to quickly locate relevant files using external agentic tools (Gemini, OpenCode) for faster parallel codebase search.
`state-manager`	Use when you need to design state management architecture, implement BLoC/Riverpod/Redux patterns, or debug complex state flows in mobile apps.
`tester`	Use when you need to run tests, analyze coverage, validate mobile implementations, or verify builds across platforms.
`ui-ux-designer`	Use when you need mobile UI/UX design work including screen layouts, navigation flows, design system components, or platform-adaptive interfaces.
`widget-architect`	Use when you need to design widget/component hierarchies, plan reusable UI libraries, establish patterns for mobile design systems, or architect complex interactive features.

Skills

Skill	Description
`aesthetic`	Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.
`ai-multimodal`	Process and generate multimedia content using AI APIs. Use when analyzing images, processing audio/video, generating assets, or implementing multimodal features in mobile apps.
`app-deployment`	Deploy mobile apps to App Store and Google Play. Use when configuring builds, signing, CI/CD pipelines, or preparing store submissions.
`chrome-devtools`	Browser automation, debugging, and analysis using Puppeteer. Use for web-based testing, screenshot capture, or debugging web views in mobile apps.
`code-review`	Structured code review practices for receiving feedback, requesting reviews, and verification gates. Use when completing tasks or reviewing code changes.
`debugging`	Systematic debugging framework for investigating root causes before applying fixes. Use when encountering bugs, test failures, or unexpected behavior in mobile apps.
`docs-seeker`	Search and retrieve technical documentation from official sources. Use when you need current API references, framework guides, or package documentation.
`flutter-state`	Implement state management in Flutter using BLoC, Riverpod, or Provider patterns. Use when designing data flow, managing async state, or implementing reactive architectures.
`frontend-design`	Create distinctive, production-grade mobile interfaces with high design quality. Use when building screens, widgets, or components that need polished visual design.
`frontend-development`	Build mobile UI with Flutter widgets or React Native components following platform conventions. Use when implementing screens, layouts, or interactive features.
`mcp-builder`	Guide for creating MCP (Model Context Protocol) servers that enable LLMs to interact with external services. Use when building MCP server integrations.
`mcp-management`	Manage MCP servers -- discover, analyze, and execute tools from configured servers. Use when working with MCP integrations or discovering available capabilities.
`media-processing`	Process multimedia files with FFmpeg and ImageMagick. Use when converting formats, optimizing assets, generating thumbnails, or preparing media for mobile apps.
`mobile-development`	Build mobile applications with Flutter and React Native. Use when implementing screens, widgets, navigation, platform-specific features, or optimizing for mobile constraints.
`mobile-testing`	Write and run mobile tests including widget tests, integration tests, and golden tests. Use when implementing test strategies for Flutter or React Native apps.
`native-integration`	Integrate native platform features via platform channels, native modules, or FFI. Use when accessing device hardware, OS APIs, or third-party native SDKs.
`offline-first`	Implement offline-first architecture with local storage, sync strategies, and conflict resolution. Use when building apps that must work without network connectivity.
`planning`	Plan technical solutions that are scalable, secure, and maintainable. Use when you need to decompose features, evaluate approaches, or create implementation plans.
`problem-solving`	Apply systematic problem-solving techniques for complexity spirals, innovation blocks, recurring patterns, and scale uncertainty. Use when stuck or facing novel challenges.
`repomix`	Package code repositories into single AI-friendly files for analysis. Use when you need to understand unfamiliar codebases or create repository snapshots.
`research`	Research technical topics, evaluate libraries, and gather information for informed decision-making. Use when investigating new technologies or comparing approaches.
`sequential-thinking`	Apply structured, reflective problem-solving for complex tasks requiring multi-step analysis and revision. Use for complex decomposition or when you need to think step by step.
`skill-creator`	Guide for creating effective skills that extend capabilities with specialized knowledge, workflows, or tool integrations. Use when building new skills.
`template-skill`	Template for creating new skills. Copy this directory and customize for your specific domain.
`ui-styling`	Create platform-adaptive mobile interfaces with proper theming, responsive layouts, and design system components. Use when styling widgets or implementing design tokens.
`web-frameworks`	Build companion web applications or admin panels with Next.js and React. Use when the mobile project needs a web dashboard, landing page, or backend admin interface.

Workflows

Workflow
`development-rules`
`documentation-management`
`orchestration-protocol`
`primary-workflow`

Hooks

Registered in settings.json:

Event	Hook
`PreToolUse`	`scout-block`
`PostToolUse`	`modularization-hook`
`agentStop`	`discord-notify`
`agentStop`	`telegram-notify`

Hook scripts shipped with this preset:

Script
`asset-optimization`
`discord-notify`
`git-status-tracker`
`modularization-hook`
`platform-parity-check`
`pre-commit-lint`
`release-checklist`
`scout-block`
`telegram-notify`

Native Kiro Agent Hooks (ship disabled; enable them in Kiro's Agent Hooks panel):

Native hook
`asset-optimization`
`docs-drift-guard`
`platform-parity-check`
`release-checklist`
`run-tests-on-save`
`secret-scan-on-save`
`spec-task-sync`

MCP servers

Server
`fetch`
`filesystem`
`git`
`playwright`

Kiro Powers

Recommended Kiro Powers for this preset. init auto-wires the credential-free MCP-backed ones and scaffolds the credentialed ones disabled.

Tier	Power	Description	Auth	MCP-backed
`essential`	Firebase	App platform: Firestore, auth, hosting, and messaging	`apiKey`	no
`recommended`	Context7	Up-to-date library and framework documentation lookup	`none`	yes
`recommended`	Expo	Build, submit, and OTA-update React Native apps (EAS)	`apiKey`	no
`recommended`	Figma	Design source of truth; import frames and tokens	`oauth`	yes
`optional`	Bria	Licensed generative image editing and backgrounds	`apiKey`	no
`optional`	ElevenLabs	Text-to-speech and voice generation	`apiKey`	no
`optional`	OneSignal	Push notifications across mobile and web	`apiKey`	no
`optional`	RevenueCat	In-app subscriptions and purchases for mobile	`apiKey`	no
`optional`	Sentry	Error tracking and performance monitoring	`apiKey`	yes

Example specs

Fully-written requirements.md / design.md / tasks.md trios you can read as worked examples.

Spec
Offline First Notes

On this page