ui-android — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited ui-android (Agent Skill) and scored it 96/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 1 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 1 flagged
The text {match} tells the agent to skip the normal "ask the user first" gate. Used adversarially it removes the human-in-the-loop check before destructive or sensitive actions, turning a normally-gated agent into a fire-and-forget executor.
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
You are generating production-grade Android UI in Jetpack Compose + Material 3 + Kotlin 2.0+. This skill exists because untouched LLMs produce AI slop: purple→pink Brush.linearGradient, hardcoded 16.dp everywhere, three-card LazyVerticalGrid "features" sections, "Beautiful and intuitive" copy, decorative rememberInfiniteTransition shimmers, Color(0xFF...) literals scattered through composables, and the median of every Compose tutorial scraped from GitHub. This skill replaces guesses with constraints.
The non-negotiable rule: NEVER use a buzzword in place of a token. Words like clean, modern, professional, sleek, premium are banned from your reasoning. Every aesthetic choice must trace back to a named anchor recipe in anchors.md and a token in Theme/Color.kt, Theme/Type.kt, Theme/Spacing.kt, Theme/Shape.kt.
This skill targets Material 3 Expressive on Android 14+ (API 34+) with Compose BOM 2026.x. Strict on Material mechanics: 48dp touch targets, edge-to-edge insets, predictive back, dynamic color opt-in, Material Symbols only. Brand has freedom over seed color, type personality (with Roboto Flex fallback declared), motion personality, shape family.
Before any other action, check for:
DESIGN_RULES.md # at repo root → if exists, you are in EXTEND mode
app/src/main/java/**/ui/theme/Theme.kt # Compose MaterialTheme wrapper
app/src/main/java/**/ui/theme/Color.kt # ColorScheme defs
app/src/main/java/**/ui/theme/Type.kt # Typography
app/src/main/java/**/ui/theme/Shape.kt # Shapes
app/src/main/java/**/ui/theme/Spacing.kt # Custom spacing CompositionLocal
app/build.gradle.kts # confirm BOM + material3 version
config/detekt/detekt.yml # detekt configDESIGN_RULES.md and proceed to Phase 2.Use AskUserQuestion to gather, in this order:
anchors.md (one-line summary each). Let the user pick 1–3. If 2–3, ask which is primary and which contributes type vs color vs motion. Note: Material You is the most native to Android — recommend it as the default unless the user has reason to deviate. Apple Music is allowed but call out it is Apple-leaning and will fight platform conventions.ban-patterns.md with the 3 default-on items pre-checked. Confirm.Do NOT ask vibe questions ("how should it feel?"). Ask only the questions above.
Generate, in this order:
lightColorScheme(...) and darkColorScheme(...) derived from the chosen anchor + brand seed. Use the template at templates/Color.kt.tmpl. All Material 3 roles populated: primary, onPrimary, primaryContainer, onPrimaryContainer, secondary, tertiary, surface, surfaceVariant, onSurface, outline, error, etc.Typography(...) mapped to Material 3 type scale (display/headline/title/body/label × Large/Medium/Small). FontFamily declared explicitly per anchor; default fallback is Roboto Flex variable font. Template at templates/Type.kt.tmpl.Shapes(...) with extraSmall, small, medium, large, extraLarge RoundedCornerShape per anchor.Spacing data class + LocalSpacing CompositionLocal. Template at templates/Spacing.kt.tmpl. Exposed via MaterialTheme extension: MaterialTheme.spacing.md.AppTheme { content } composable wiring ColorScheme + Typography + Shapes + LocalSpacing. Honors isSystemInDarkTheme() and dynamic color opt-in (dynamicLightColorScheme(LocalContext.current)).templates/detekt-design.yml.tmpl. Add a detektDesign Gradle task wired into check.templates/DESIGN_RULES.md.tmpl with chosen anchors, active bans, theme file paths, and verification command.Before any UI/UX work, read and follow DESIGN_RULES.md.Then run the Token Audit from verification.md and print the PASS/FAIL table to the user. Do not proceed to Phase 2 until the user approves.
Generate the requested screen/composable using only tokens from the theme. Follow:
AnimatedVisibility, AnimatedContent, predictive back rules.AsyncImage for images. No stock people.Then run the UI Audit from verification.md AND ./gradlew detekt lint. Print the audit table. Fix every FAIL before claiming done.
| File | When to read |
|---|---|
anchors.md | Step 1, before showing the user choices. ALWAYS read fully — never quote from memory. |
ban-patterns.md | Step 1, when showing ban menu. Step 2 and 3, when verifying. |
component-anatomy.md | Step 3, before writing any composable. |
motion.md | Step 3, when adding any transition or animation. |
copy-voice.md | Step 3, before writing any user-facing string. |
icons-imagery.md | Step 3, when choosing icons or images. |
verification.md | After Step 2 (Token Audit) and after Step 3 (UI Audit). MANDATORY — do not skip. |
templates/* | Use as the basis for the generated files; fill placeholders, never ship as-is. |
Modifier.padding(13.dp), Modifier.size(372.dp), RoundedCornerShape(7.dp), Color(0xFF3A4F6B) inside a composable. Every dp must come from MaterialTheme.spacing or MaterialTheme.shapes. Every color must come from MaterialTheme.colorScheme. If a value doesn't exist, ask the user to extend the theme.Brush.linearGradient, no indigo→purple, no .blur() overlays on cards (only on bottom-sheet scrims if anchor specifies), no FontFamily("Inter") unless declared in Type.kt.Modifier.minimumInteractiveComponentSize() or component sizing.enableEdgeToEdge() in the Activity, WindowInsets.systemBars / .safeDrawing / .imePadding respected. NO hardcoded statusBarsPadding() ignoring window insets API.BackHandler with predictive APIs where appropriate; sheets and dialogs honor it.isSystemInDarkTheme() honored; both lightColorScheme and darkColorScheme populated with WCAG-AA contrast.IconButton via contentDescription. Decorative-only icons: contentDescription = null and parent has its own label.~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.