File language: Not specified
Flutter Kakao Maps Skill
Connect Kakao Maps to your Flutter app with one request, then add markers, info windows and search through conversation.
KKENSU_LABFree
Skill overview
One request.
Kakao Maps in your Flutter app.
Ask Claude Code or Codex and it adds the integration to your current project. It doesn't create a separate demo app.
“Connect Kakao Maps.”“Add a marker and show an info bubble when I tap it.”The same app after thirteen requests to an empty Flutter project. Search, blue pins, connecting lines and the center address were all added through conversation.
What it does
The creator of kakao_map_plugin provides your agent with rules drawn from 41 real issues and device testing.
flutter analyze Then runs the simulator or emulator to verify map tiles. Unverified behavior isn't reported as working.dart_defines.json and is added to .gitignore. Already-tracked key files cause the workflow to stop and notify you.“Show an info bubble when I tap a marker.”
A common sticking point: provide the bubble content but omit onMarkerTap and the tap is never registered.
- The marker, info bubble and required companion
onMarkerTapare added together. - Callbacks are fixed when the map is created, so they're provided from the start and checked with a hot restart.
- Next, ask for a detail sheet below. The map shifts upward and the sheet opens.
- An actual tap on the Seoul City Hall pin in an Android emulator.
Without the skill versus with it.
The same sequence in two empty apps: “Connect Kakao Maps” → “Show an info bubble on marker tap.”
- Map and marker code work.
- App key hard-coded as a main.dart constant.
- Mobile baseUrl missing → Place search encounters
Bad state: null - Build only; screen not inspected.
- Map and marker code work.
- Key in dart_defines.json and .gitignore
- baseUrl
http://localhost+ Console registration instructions - Map tiles and taps checked in the simulator
Actual run results
The requests below were sent in order to one empty Flutter app. All thirteen had flutter analyze zero errors. From request seven, the lighter Sonnet model was used.
| Request | What the skill did | Verification |
|---|---|---|
| 1. Connect Kakao Maps. | Integration · Key injection · Platform setup | Map tiles loaded on iOS. |
| 2. Add a marker and show a bubble on tap. | Marker + Info bubble + onMarkerTap Required companion | iOS tap → Bubble |
| 3. Show a detail sheet below when tapping a marker. | Sheet + Move marker upward | iOS tap → Sheet |
| 4. Change the pin to blue. | MarkerIcon.pin | iOS |
| 5. Fit all markers on one screen. | fitBounds | iOS |
| 6. Add a current-location button over the map. | geolocator + Permissions | analyze 0 |
| 7. Add a top search bar and result markers. | keywordSearch · x = Longitude · try/catch | Real “café” search on Android |
| 8. Show the center address at the bottom. | coord2Address | iOS: “5-5, Jeong-dong, Jung-gu, Seoul” |
| 9. Cluster large numbers of markers. | Clusterer + Tap to list | analyze 0 |
| 10. Connect markers in order with lines. | Polyline | Android |
| 11. Add a map-rotation button. Not supported | Explained the limitation and alternatives without inventing it. | No code changes. |
| 12. Dark-mode map. Not supported | Explained the limitation and alternatives without inventing it. | No code changes. |
| 13. Tapping the marker doesn't show the bubble. | Found one cause. Changed three lines. | iOS before/after comparison |
Install
Unzip and add the skill folder. Requirements: Flutter SDK, Python 3.10+ and a JavaScript key from the Kakao Developers Console.
# Per-project (recommended) mkdir -p my-project/.claude/skills cp -R flutter-kakao-map my-project/.claude/skills/ # For all projects cp -R flutter-kakao-map ~/.claude/skills/ # Codex cp -R flutter-kakao-map my-project/.agents/skills/
Things to know
- Targets kakao_map_plugin 1.0.0 for Android · iOS · Web . macOS, Windows and Linux are not included.
- Kakao Developers Console registration isn't automated. The skill provides a project-specific checklist.
- Web requires registering the site domain, including its port. For example:
http://localhost:8080 - The JavaScript key is included in the app bundle and cannot be completely hidden. Console domain restrictions are the protection.
- Other packages based on Kakao's native SDK aren't covered.
Frequently asked questions
My project already uses google_maps_flutter.If you ask for a marker without specifying Kakao, it asks once which map to use. Existing map code is left untouched.
I already use flutter_dotenv.It follows your existing .env approach instead of introducing another key-loading method.
I'm using version 0.x.Diagnostics check the version, then examine changed 1.0.0 behavior, including empty-marker handling and the separate clusterer.
Is it free?Yes. MIT-licensed. Report bugs and suggestions in the plugin repository's issues.
Q&A 0
No questions yet.
From purchase to your first result
Check what you need in the guide, then start a first task with your own materials.
Open the guide for your skill
Open the guide from the payment confirmation or your library, and check the accounts and materials you need.
Get the skill and follow its setup guide
Download the skill ZIP and follow the guide to set it up in your agent. Follow any setup steps for additional tools.
Try a small task with your own materials
Start with one topic or item. Describe the result you want and check whether it works for your needs.
Ask in the skill room if you get stuck
Share the task, the step where you got stuck, and any error message in the buyer community. You can return to the guide from your library.
Example first request
“I’d like to try a first task with Flutter Kakao Maps Skill. Tell me what materials and setup I need, then help me start with a small task.”
Purchase information
Before you buy
- Materials
Skill ZIP
Open purchased materials from your library.
- Requirements
You need an AI agent and an account to run the skill.
Check the product description for supported agents and required services.
- Additional costs
External AI services may have separate subscription or usage fees.
Ask the seller about required plans and expected usage before buying.
Warranty and support
Review the tested environment and support period.
- Tested environment
- The seller reports testing with Claude Code and Codex. Operation with other agents or CLIs is not guaranteed.
- Access period
- Available to download immediately after payment, and available to download and view again in your library for 11 months from the payment date. Download and viewing access ends after this period.
- Last verified
- 2026-11-06(skill's last updated date)