Back Before & After

SSO Configuration Wizard

Step-by-step SAML identity provider setup with XML uploads and attribute mapping.

Prompt used
Create an SSO/SAML Configuration Wizard for an enterprise SaaS platform. This should be a step-by-step wizard interface with steps for: Choose Identity Provider, Upload Metadata, Attribute Mapping, and Test Connection. Include progress indicator, back/next navigation, form validation, and a sidebar showing configuration summary.
01
SSO Configuration Wizard - Default Claude
Default Claude
Standard output without design skill guidance.
02
SSO Configuration Wizard - With Skill
With Skill
Enhanced output with interface-design skill enabled.

What changed

Default Claude

Basic step indicator
Standard form inputs
Generic card styling
Minimal visual hierarchy
No design direction

With Skill

Sophistication & Trust direction
Cool slate color foundation
Monospace for technical data
Crafted upload dropzone
Multi-layered shadows on cards