2026.09.03 11:20 ~ 12:00 Narwhal

Make AI write Inclusive UI — Rebuilding Compose UI with Design Rules Skill

UI・UX・Design 日本語

When you ask Claude Code, Cursor, or Copilot to write Compose UI, you might get mismatched background colors across screens, error text left as "Invalid input", or buttons with insufficient contrast casually mixed in. Material 3, Android Developer Accessibility, and Inclusive Design guidelines are all written assuming human readers, lacking the granularity needed for implementation instructions to LLMs. Even if you search for public resources turned into Skills for AI, they are either for Web (such as mikemai2awesome/a11y-rules) or stop at "TalkBack + Touch Target" for Compose (gecko23/android-agent-skills, aldefy/compose-skill), with no Compose Skill found that delves into Inclusive Design. What this session proposes is the Design Rules Skill. As an example of systematizing the principles of Inclusive Design, we took Fukuoka City's "Design Guidelines for Dementia-Friendly City" as a subject. Although created for physical spaces, the underlying universal design benefits all users, offering principles that translate well to Compose UI. This mechanism breaks down the guidelines' principles into granularity readable by AI, distributes them in three formats—Claude Code Skill, Cursor Rules, and Copilot Instructions—and has AI rewrite plain Compose UI into Inclusive UI. In this session, I will present the Skill design and show real-device Before/After demos of a sample Compose app written by AI. As implementation patterns instructed by the Skill, we will cover Compose 1.8 / Android 17 features such as contrast, text scaling, Predictive Back, and semantics error. I will also share how to iteratively refine the Skill using TalkBack, Font Scale 200%, and Accessibility Scanner. The deliverable is the Inclusive Design Skill pack. Please take this home as a first step to making AI write Inclusive UI. (Translated by the DroidKaigi Committee)

Intended audience

- Android engineers implementing UI with Jetpack Compose - People who use AI coding tools like Claude Code, Cursor, or Copilot in their work, or are considering adopting them - People interested in Inclusive UI / Accessibility who are unsure where to start - Teams that want to incorporate existing official guidelines into their AI workflows - People in charge of products that serve elderly users or users with cognitive characteristics

Sessions in the same time slot

View all sessions