appbuilder-ui-scaffolder
Installation
SKILL.md
App Builder UI Scaffolder
Generate React Spectrum UI for Adobe Experience Cloud Shell SPAs. This is a reference-based skill — the agent reads patterns and generates context-appropriate code rather than copying static templates.
Pattern Quick-Reference
Identify the user's intent, then read the referenced sections to generate tailored code.
| User wants | Reference | Key components |
|---|---|---|
| New page with shell context | references/ui-patterns.md § Page + references/shell-integration.md |
View, Heading, Content |
| Form with validation | references/ui-patterns.md § Form |
Form, TextField, NumberField, Picker, Button |
| Data table (sortable, paginated) | references/ui-patterns.md § Table |
TableView, TableHeader, Column, TableBody, Row, Cell |
| Confirmation dialog / modal | references/ui-patterns.md § Dialog |
DialogTrigger, AlertDialog, Dialog |
| Navigation layout | references/ui-patterns.md § Navigation |
Tabs, Breadcrumbs, Flex |
| ExC Shell setup | references/shell-integration.md |
@adobe/exc-app, Provider, defaultTheme |
| Connect UI to backend actions | references/action-integration.md |
fetch() with IMS token |
| AEM UI Extension (CF Console, CF Editor, Universal Editor) | references/aem-extensions.md |
@adobe/uix-guest, register(), sharedContext |
| Debug UI issues | references/debugging.md |
Shell spinner, CORS, blank screen, auth |