acul-screen-generator
Generates complete, branded Auth0 Advanced Custom Universal Login (ACUL) screen implementations.
Developer Setup
Setup & Installation
npx skills add https://github.com/auth0/agent-skills --skill acul-screen-generatornpx skills add https://github.com/auth0/agent-skills --skill acul-screen-generatorOverview
What This Skill Does
Generates production-ready, fully themed Auth0 ACUL screen components. Follows a strict 8-phase workflow (Phases 0–7): CLI authentication → intent detection → project setup → screen requirements → tech stack and design → theme extraction → structured code generation → dev mode wiring. #
Application
When to use this Skill
- Adding secure Auth0 authentication to a Acul screen generator application
- Implementing standard login, logout, and token authentication flows in Acul screen generator
- Managing user session state and securing frontend/backend routes using Auth0 SDKs
Documentation
Show Skills.md file
ACUL Screen Generator
Generates production-ready, fully themed Auth0 ACUL screen components. Follows a strict 8-phase workflow (Phases 0–7): CLI authentication → intent detection → project setup → screen requirements → tech stack and design → theme extraction → structured code generation → dev mode wiring.
Reference Hierarchy
Always resolve the correct reference for a screen using this priority order:
1. auth0-acul-samples (31 React screens, 3 React-JS screens)
→ Complete modular implementation: index.tsx + components/ + hooks/ + locales/
→ React: https://github.com/auth0-samples/auth0-acul-samples/tree/main/react/src/screens/<screen-name>
→ React-JS: https://github.com/auth0-samples/auth0-acul-samples/tree/main/react-js/src/screens/<screen-name>
2. SDK examples (68 React, 71 JS — all screens)
→ Code snippets showing SDK imports, hooks, and action functions
→ React: https://github.com/auth0/universal-login/blob/master/packages/auth0-acul-react/examples/<screen-name>.md
→ JS: https://github.com/auth0/universal-login/blob/master/packages/auth0-acul-js/examples/<screen-name>.md
3. assets/react-templates/ or assets/js-templates/
→ Structural component pattern only — never use their hooks/actions for other screens
For which screens are in auth0-acul-samples → read references/screen-catalog.md.
Recommendations