a2ui-author
Creates and validates A2UI message structures to ensure interactive UI surface compliance.
Install
mkdir -p .claude/skills/a2ui-author && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/19450" && unzip -o skill.zip -d .claude/skills/a2ui-author && rm skill.zipInstalls to .claude/skills/a2ui-author
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Generate, validate, and interpret static A2UI v0.8 JSON for interactive UI surfaces. Use when an agent needs to call publish_a2ui, author A2UI messages, check whether generated A2UI JSON is valid, or handle normalized userAction replies from interactive UI callbacks.Key capabilities
- →Author A2UI v0.8 server messages
- →Validate JSON against v0.8 protocol standards
- →Interpret normalized userAction events
- →Generate static interface payloads
How it works
The skill provides a validation script to check JSON against v0.8 protocol standards and defines a workflow for authoring server messages like surfaceUpdate and dataModelUpdate. It requires agents to process userAction events rather than raw channel payloads.
Inputs & outputs
When to use a2ui-author
- →Author interactive UI messages
- →Validate A2UI JSON output
- →Handle user action callbacks
- →Generate interface component payloads
About this skill
A2UI Author
Use this skill to work with the static A2UI v0.8 subset supported by the current renderer.
Workflow
- Author A2UI server messages, not raw channel card JSON.
- Read references/protocol.md for message structure, supported components, bindings, and current renderer adaptations.
- Use references/examples.md for compact examples.
- Validate generated JSON with the bundled script. Resolve
<skill-dir>to this skill directory before running the command:
node <skill-dir>/scripts/validate-a2ui.js --version v0_8 path/to/a2ui.messages.json
- For user replies, reason from A2UI
userActionevents. Do not expose raw channel callback payloads to application logic or an LLM.
Static Content Rule
Generate only static A2UI server messages: dataModelUpdate, surfaceUpdate,
beginRendering, and deleteSurface. Do not emit messages or components
outside the supported static subset documented in this skill.
When not to use it
- →Generating messages or components outside the supported static subset
- →Exposing raw channel callback payloads to application logic
Prerequisites
Limitations
- →Restricted to the static A2UI v0.8 subset supported by the current renderer
How it compares
This approach uses a specific validation script and protocol-compliant message structure instead of manually constructing raw channel card JSON.
Compared to similar skills
a2ui-author side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| a2ui-author (this skill) | 0 | 2mo | Review | Intermediate |
| ui-ux-pro-max | 1,909 | 4mo | Review | Intermediate |
| svg-precision | 527 | 3mo | Review | Intermediate |
| mobile-android-design | 101 | 2mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
ui-ux-pro-max
nextlevelbuilder
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
svg-precision
dkyazzentwatwa
Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawings requiring structural correctness and cross-viewer compatibility.
mobile-android-design
wshobson
Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.
frontend-slides
sickn33
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
scroll-experience
davila7
Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not just pages. Use when: scroll animation, parallax, scroll storytelling, interactive story, cinematic website.
penpot-uiux-design
github
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".