# How to Build, Theme, and Audit Material Design 3 UIs with AI Agents

DevFeed: [How to Build, Theme, and Audit Material Design 3 UIs with AI Agents](<https://devfeed.tech/articles/how-to-build-theme-and-audit-material-design-3-uis-with-ai-agents-25171.md>)

Original publisher: [Read original article](<https://www.ivanmorgillo.com/2026/06/02/how-to-build-theme-audit-material-design-3-claude-code/>)

Author: Ivan Morgillo

Published: 2026-06-02T17:00:00Z

Content type: tutorial

Language: en

Sources: [Ivan Morgillo](<https://devfeed.tech/sources/ivan-morgillo.md>)

Topics: [Material Design](<https://devfeed.tech/topics/material-design.md>), [Agent Skill](<https://devfeed.tech/topics/agent-skill.md>), [Compose](<https://devfeed.tech/topics/compose.md>), [AI Agent](<https://devfeed.tech/topics/ai-agent.md>), [Kotlin](<https://devfeed.tech/topics/kotlin.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Flutter](<https://devfeed.tech/topics/flutter.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [agent-skill](<https://devfeed.tech/tags/agent-skill.md>), [ai-agents](<https://devfeed.tech/tags/ai-agents.md>), [audit](<https://devfeed.tech/tags/audit.md>), [compose](<https://devfeed.tech/tags/compose.md>), [css](<https://devfeed.tech/tags/css.md>), [flutter](<https://devfeed.tech/tags/flutter.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [material-design](<https://devfeed.tech/tags/material-design.md>)

## AI overview

A practical guide to an MIT-licensed agent skill for building and auditing Material Design 3 interfaces. It covers component generation, seed-color theme creation for light and dark modes, responsive app shells, accessibility checks, and support for Compose, Flutter, CSS, and JSON outputs.

## Source excerpt

A practical guide to material-3-skill -- components, theme generation, the 10-category MD3 audit, and the real Compose bugs it catches in production code.