SkillFoxx

A2UI generation skill

The a2ui-generation skill teaches an agent to build A2UI v0.9 cards and pages for native iOS, Android and HarmonyOS apps.

  • 1,240 ★ on the repository
  • Last commit
  • Apache-2.0
Skill

Minimal access

Why this level

  • The skill outputs JSON and transformation scripts, runs nothing on a device and makes no network calls itself.
All reasons and checks

agenui/agenuiAuthor:AGenUI

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add skills/a2ui-generation-skill

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Minimal accessThe tool runs nothing and makes no network calls.

  • The skill outputs JSON and transformation scripts, runs nothing on a device and makes no network calls itself.

This is third-party code. Review the repository files before installing.

What it does

The AGenUI repository holds a native SDK for rendering A2UI and a separate `skills/a2ui-generation` skill. The skill attaches to any agent that supports Agent Skills: it produces `updateComponents` and `updateDataModel` messages in three modes, a DTO component, a non-DTO component and a non-DTO page. In DTO component mode the skill outputs a single Python transformation entry. Work is iterative: the agent edits existing files instead of rewriting everything and passes a design review and validation scripts. User requirements take priority over default rules, and exceptions are recorded explicitly. The skill installs with `npx skills add AGenUI/AGenUI` or by copying the folder into `~/.claude/skills/`. Next to it sits AGenUI Studio, a local bench that uses your model key for streaming generation and protocol preview.

Who it is for. Mobile developers who show model answers as native cards and forms and want an agent to produce the protocol itself.

Good fit when

  • An agent must build an order card in A2UI from backend JSON.
  • A screen on iOS, Android and HarmonyOS is built from one description and needs working JSON.
  • An existing A2UI file must be refined, not rewritten from scratch.
  • Before release you need the protocol structure checked by validation scripts.

Not a fit when

  • The interface is not on A2UI: the skill knows only this protocol.
  • You need a web frontend: the SDK targets iOS, Android and HarmonyOS.
  • You want invented business data: the skill forbids hard-coding facts when a DTO is provided.

Example request

Build an order card in A2UI from this JSON: number, status, item list and a reorder button, then run validation.

Limitations

The skill generates A2UI protocol version 0.9, so it is useful only where AGenUI or a compatible native renderer displays it. By default it does not read past examples and artifacts from the repository and relies on your request and attachments, and its listed exemptions cover only what you explicitly asked for. The SDK is native and needs iOS 13 or newer, Android API 21 or newer, HarmonyOS NEXT API 17 or newer. AGenUI Studio works with your model key. The last commit dates from November 2026.

How to disable. Delete the `a2ui-generation` folder from the agent skills directory, for example `~/.claude/skills/`. Stop Studio by closing its terminal process.

FAQ

How do I install the skill?

Run `npx skills add AGenUI/AGenUI` or copy `AGenUI/skills/a2ui-generation` to `~/.claude/skills/`. For Cursor and Codex use `~/.cursor/skills/` and `~/.codex/skills/`.

Which modes does the skill support?

Three: a DTO component, a non-DTO component and a non-DTO page. In the first mode the output is a single Python transformation entry.

What is A2UI?

An open Google protocol for generative interfaces that describes components and data through messages. AGenUI implements version 0.9.

What is AGenUI Studio for?

A local bench with your model key: streaming generation, live protocol preview and validation in a browser.

Can I change card style?

Yes. The query can set palette, spacing, font sizes and theme, and explicit requirements override the skill rules.

Discussion

No questions or reviews yet.

Skills

A skill that gives the agent Apple's own SwiftUI guidance, which the installer extracts from your local Xcode

SkillExtended access126

HarmonyOS NEXT knowledge for agents: ArkTS, ArkUI, the Stage model and 60-plus Kits, one source built for 11 AI tools

SkillMinimal access291

A skill with scripts for building iOS apps and driving the simulator through the accessibility tree, with compact output for agents

SkillExtended access1.3K

Awesome Android Agent Skills

awesome-android-agent-skills

Skills for modern Android development for Copilot, Claude, Gemini and Cursor: Kotlin, Jetpack Compose, architecture, Hilt, Room

SkillMinimal access1K

SwiftUI Design Skill

swiftui-design-skill

A SwiftUI interface design skill: compilable code, tokens, patterns and six rules against AI sloppiness. One-command installation through npx skills

SkillMinimal access210

Two SwiftUI skills: native Liquid Glass for iOS 26 and adaptive layout for the foldable iPhone Duo with no separate app version

SkillMinimal access467

README in short

The `skills/a2ui-generation` folder in the AGenUI repository holds a standalone skill with validation scripts. The SDK renders A2UI natively and the skill handles protocol generation.

README badge

Original SKILL.md

---
name: a2ui-generation
description: |
  Design and generate A2UI updateComponents and updateDataModel payloads for three modes (DTO component, non-DTO component, non-DTO page).
---

# A2UI Generation

## What This Skill Does

- Generate or refactor A2UI `updateComponents` and `updateDataModel`
- Output a unified Python transformation entry in `DTO Component` mode
- Iterate on existing files rather than rewriting everything from scratch each round
- Gate quality through design review and validation scripts

Report a problem