--- title: How to Use Skills in Agentic Flutter Development: A... description: A comprehensive handbook on using and writing 'agent skills' - structured Markdown files stored in .agents/skills/ - to teach AI coding agents (Claude Code,... canonical: https://daily.dev/posts/how-to-use-skills-in-agentic-flutter-development-a-handbook-for-devs-0khawhsnb twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: How to Use Skills in Agentic Flutter Development: A Handbook for Devs | daily.dev og:description: A comprehensive handbook on using and writing 'agent skills' - structured Markdown files stored in .agents/skills/ - to teach AI coding agents (Claude Code,... og:url: https://daily.dev/posts/how-to-use-skills-in-agentic-flutter-development-a-handbook-for-devs-0khawhsnb og:image: https://api.daily.dev/og/posts/0KhAwHSnB.png og:image:alt: How to Use Skills in Agentic Flutter Development: A Handbook for Devs og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # How to Use Skills in Agentic Flutter Development: A Handbook for Devs **[freeCodeCamp](https://daily.dev/sources/freecodecamp)** · 76 min read · 1 upvotes · 0 comments ## Summary A comprehensive handbook on using and writing 'agent skills' - structured Markdown files stored in .agents/skills/ - to teach AI coding agents (Claude Code, Antigravity, OpenAI Codex, Cursor, GitHub Copilot CLI, Gemini CLI) how a specific Flutter/Dart team writes code. Covers installing the official flutter/agent-plugins and dart-lang/skills repositories via the skills CLI, the anatomy of a skill file (YAML frontmatter plus Markdown body), progressive disclosure for context management, per-agent configuration details, a deep dive into official Flutter and Dart skills, and guidance for writing custom skills based on real codebase mistakes like private build methods, Map instead of typed models, and inconsistent state management. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do I install the official Flutter and Dart agent skills for my AI coding agent? Run npx skills add flutter/agent-plugins --skill '*' --agent universal --yes and npx skills add dart-lang/skills --skill '*' --agent universal --yes. This places skill files into the .agents/skills/ directory, which is discovered automatically by Claude Code, Cursor, Antigravity, Codex, GitHub Copilot CLI, and Gemini CLI. Use --agent to target a specific agent instead of universal. _Developers standardizing AI coding setups across teams can track tooling changes like this via daily.dev._ ### What is the difference between an agent skill and a rules file like CLAUDE.md in Claude Code? A rules file such as CLAUDE.md or AGENTS.md holds project-wide facts that are always loaded into context, like the SDK version, package name, and installed libraries. A skill is a task-specific Markdown file loaded progressively, only when a task matches its description, containing detailed how-to guidance such as file organization rules or Bloc naming conventions. Keeping detailed instructions out of always-loaded rules files preserves context budget. _Anyone deciding where to store AI agent conventions can compare approaches like this on daily.dev._ ### Why should a StatefulWidget and its State class never be split into separate files when an AI agent refactors Flutter code? Splitting them breaks Flutter's compilation model because the private State class references the widget through the 'widget' property, whose type is established at the State class declaration level, making the two classes a single inseparable compilation unit. AI agents without explicit guidance may attempt this split since general Dart knowledge doesn't reveal this Flutter-specific constraint, causing compile errors. _Flutter developers debugging AI-generated refactors can find guidance like this through daily.dev._ ## Similar posts on daily.dev - [Introducing Skills for Dart and Flutter](https://daily.dev/posts/introducing-skills-for-dart-and-flutter-ptudauyi8) · Flutter · 40 upvotes · 0 comments - [Making AI Write Android Code Our Way: A Practical Guide to Agent Skills](https://daily.dev/posts/making-ai-write-android-code-our-way-a-practical-guide-to-agent-skills-tyrlfsfwx) · Medium Engineering · 3 upvotes · 0 comments - [Agent Skills explained: Replacing AGENTS.md with reusable AI knowledge](https://daily.dev/posts/agent-skills-explained-replacing-agents-md-with-reusable-ai-knowledge-4lgrqdva9) · SwiftLee · 1 upvotes · 0 comments - [Learning faster with Antigravity](https://daily.dev/posts/learning-faster-with-antigravity-nrbn6efog) · Flutter · 4 upvotes · 0 comments - [How to install and use AI agent skills in Xcode](https://daily.dev/posts/how-to-install-and-use-ai-agent-skills-in-xcode-pdc3n0cny) · Hacking with Swift · 0 upvotes · 0 comments --- Tags: [#ai-agents](https://daily.dev/tags/ai-agents), [#flutter](https://daily.dev/tags/flutter), [#claude-code](https://daily.dev/tags/claude-code), [#dart](https://daily.dev/tags/dart) [View this post on daily.dev](https://daily.dev/posts/how-to-use-skills-in-agentic-flutter-development-a-handbook-for-devs-0khawhsnb) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"How to Use Skills in Agentic Flutter Development: A Handbook for Devs","url":"https://daily.dev/posts/how-to-use-skills-in-agentic-flutter-development-a-handbook-for-devs-0khawhsnb","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/how-to-use-skills-in-agentic-flutter-development-a-handbook-for-devs-0khawhsnb"},"datePublished":"2026-09-03T17:55:53.975Z","dateModified":"2026-09-14T08:09:31.323Z","description":"A comprehensive handbook on using and writing 'agent skills' - structured Markdown files stored in .agents/skills/ - to teach AI coding agents (Claude Code,...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/425869f6f55f160df8feaacd226ffdbf?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/425869f6f55f160df8feaacd226ffdbf?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"freeCodeCamp","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"freeCodeCamp","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1628412854/logos/freecodecamp","url":"https://daily.dev/sources/freecodecamp"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/how-to-use-skills-in-agentic-flutter-development-a-handbook-for-devs-0khawhsnb","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"ai-agents,flutter,claude-code,dart","timeRequired":"PT76M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"freeCodeCamp","item":"https://daily.dev/sources/freecodecamp"},{"@type":"ListItem","position":3,"name":"How to Use Skills in Agentic Flutter Development: A Handbook for Devs"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/how-to-use-skills-in-agentic-flutter-development-a-handbook-for-devs-0khawhsnb#faq","mainEntity":[{"@type":"Question","name":"How do I install the official Flutter and Dart agent skills for my AI coding agent?","acceptedAnswer":{"@type":"Answer","text":"Run npx skills add flutter/agent-plugins --skill '*' --agent universal --yes and npx skills add dart-lang/skills --skill '*' --agent universal --yes. This places skill files into the .agents/skills/ directory, which is discovered automatically by Claude Code, Cursor, Antigravity, Codex, GitHub Copilot CLI, and Gemini CLI. Use --agent to target a specific agent instead of universal. Developers standardizing AI coding setups across teams can track tooling changes like this via daily.dev."}},{"@type":"Question","name":"What is the difference between an agent skill and a rules file like CLAUDE.md in Claude Code?","acceptedAnswer":{"@type":"Answer","text":"A rules file such as CLAUDE.md or AGENTS.md holds project-wide facts that are always loaded into context, like the SDK version, package name, and installed libraries. A skill is a task-specific Markdown file loaded progressively, only when a task matches its description, containing detailed how-to guidance such as file organization rules or Bloc naming conventions. Keeping detailed instructions out of always-loaded rules files preserves context budget. Anyone deciding where to store AI agent conventions can compare approaches like this on daily.dev."}},{"@type":"Question","name":"Why should a StatefulWidget and its State class never be split into separate files when an AI agent refactors Flutter code?","acceptedAnswer":{"@type":"Answer","text":"Splitting them breaks Flutter's compilation model because the private State class references the widget through the 'widget' property, whose type is established at the State class declaration level, making the two classes a single inseparable compilation unit. AI agents without explicit guidance may attempt this split since general Dart knowledge doesn't reveal this Flutter-specific constraint, causing compile errors. Flutter developers debugging AI-generated refactors can find guidance like this through daily.dev."}}]} ```