CtrlK
BlogDocsLog inGet started
Tessl Logo

acul-screen-generator

Generates complete, branded Auth0 Advanced Custom Universal Login (ACUL) screen implementations using the React or Vanilla JS SDK. Use when a developer asks to create, add, or modify ACUL login screens with custom branding, social login, theming, or specific authentication flows. Triggers on requests like "generate a custom login screen", "add a signup screen to my ACUL project", "customize my Auth0 Universal Login with our brand colors", "apply our theme to all ACUL screens", or any task involving Auth0 Universal Login customization with @auth0/auth0-acul-react or @auth0/auth0-acul-js.

73

Quality

92%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Advisory

Suggest reviewing before use

SKILL.md
Quality
Evals
Security

Quality

Discovery

100%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

This is an excellent skill description that clearly defines its scope around Auth0 ACUL screen generation, provides rich natural trigger terms including example user phrases, and explicitly states both what it does and when to use it. The inclusion of specific SDK package names and varied example requests makes it highly distinctive and easy for Claude to match correctly.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: generates complete branded ACUL screen implementations, supports React or Vanilla JS SDK, covers custom branding, social login, theming, and specific authentication flows.

3 / 3

Completeness

Clearly answers both 'what' (generates branded ACUL screen implementations using React or Vanilla JS SDK) and 'when' (explicit 'Use when' clause with multiple trigger scenarios and example phrases).

3 / 3

Trigger Term Quality

Excellent coverage of natural trigger terms users would say: 'custom login screen', 'signup screen', 'ACUL project', 'Auth0 Universal Login', 'brand colors', 'theme', plus specific package names like '@auth0/auth0-acul-react' and '@auth0/auth0-acul-js'.

3 / 3

Distinctiveness Conflict Risk

Highly distinctive niche targeting Auth0 ACUL specifically, with unique triggers like 'ACUL', 'Auth0 Universal Login', and specific SDK package names that are unlikely to conflict with other skills.

3 / 3

Total

12

/

12

Passed

Implementation

85%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This is a strong, well-structured skill for a complex multi-phase workflow. It excels at actionability with concrete CLI commands, real code patterns, and specific GitHub URLs, and has excellent workflow clarity with explicit phase gating, validation checkpoints, and error recovery paths. The main weakness is moderate redundancy — the reference hierarchy and some architectural patterns are restated across sections, and a few explanatory sentences could be trimmed without losing clarity.

DimensionReasoningScore

Conciseness

The skill is fairly efficient for its complexity — it covers 8 phases with concrete commands and code patterns. However, there's some redundancy: the reference hierarchy is restated in Phase 2B and 2C, the architecture section repeats patterns that could be consolidated, and some explanatory text (e.g., 'This step is mandatory. The 68+ ACUL screens use fundamentally different hook patterns — wrong pattern = broken code.') could be trimmed. Overall mostly efficient but could be tightened.

2 / 3

Actionability

Highly actionable throughout — provides exact CLI commands (auth0 login, auth0 acul init, auth0 acul dev), complete code patterns for index.tsx and manager hooks with real import paths, specific directory structures, concrete token derivation rules (primary-hover = primary darkened ~10%), and exact GitHub URLs for fetching references. Nearly everything is copy-paste ready or directly executable.

3 / 3

Workflow Clarity

The 8-phase workflow (0–7) is clearly sequenced with explicit gating (Phase 1 gates 2A/2B/2C), validation checkpoints (verify acul_config.json exists, check custom domain, validate SDK import paths before outputting code), error recovery paths (CLI errors → continue to step 3, missing config → stop and instruct), and a clear validation checklist before code output in Phase 6. The connected-mode warning serves as a safety checkpoint.

3 / 3

Progressive Disclosure

Excellent progressive disclosure with a clear reference table at the bottom mapping files to load conditions, well-signaled references throughout (e.g., 'For full CLI flag reference → read references/cli-commands.md'), and content appropriately split between the main skill (workflow + architecture patterns) and referenced files (SDK details, screen catalog, theming patterns, social providers). All references are one level deep.

3 / 3

Total

11

/

12

Passed

Validation

81%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation9 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

metadata_field

'metadata' should map string keys to string values

Warning

Total

9

/

11

Passed

Repository
auth0/agent-skills
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.