a2ui-generation

Solid

Design and generate A2UI updateComponents and updateDataModel payloads for three modes (DTO component, non-DTO component, non-DTO page). Use when asked to create or refine A2UI cards, components, or pages from DTO/JSON/business data, generate Python transformer code for DTO-driven components, iterate on existing A2UI output files by diff, improve mobile UI quality, or validate A2UI rules such as surfaceId, root, path binding, and component-vs-page boundaries. Trigger when user mentions "A2UI", "a2ui", "AGenUI", "generate card", "generate page", "UI component", "生成卡片", "生成页面".

AI & Automation 67 stars 2 forks Updated 3 days ago MIT

Install

View on GitHub

Quality Score: 84/100

Stars 20%
61
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# 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 ## Execution Boundary - Do not proactively search, read, borrow from, or imitate historical examples, old artifacts, sample pages, sample JSON, sample HTML, or screenshot outputs in the repository unless the user explicitly requests it - By default, rely only on the user's current input, currently attached files, and this skill's own documentation - If the user provides a DTO, do not hard-code business facts ## First Principle: User Requirements First - Global first principle: `User requirements first` - When a feature explicitly requested by the user conflicts with a skill default rule, prioritize the user requirement - Do not "pretend to comply with the skill"; explicitly record the conflict and apply a targeted exemption during the validation phase - Exemptions are scoped only to items the user explicitly requested — never use them as an excuse to disable validation globally - Choose an appropriate layout style based on the user's requirements and intent; using the same layout style and color scheme across multiple queries is forbidden ## Query / Search Term Scenario Detection Before entering mode selection, determine whether the user input is ...

Details

Author
MobileReality
Repository
MobileReality/mdma
Created
6 months ago
Last Updated
3 days ago
Language
TypeScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category