Experiment

Multi-tenant Admin Dashboard

Overview screen with tenant switching, system health metrics, usage analytics, and license management.

Prompt

Create a Multi-tenant Admin Dashboard for a SaaS platform. Single page overview with: - Header with tenant switcher dropdown - Metrics row: Total Tenants, Active Users, API Requests, Storage Used - System health panel showing service status (API Gateway, Database, Cache, Queue) - Usage analytics chart (requests over time) - License management table with tenant name, plan, seats, usage bar, renewal date Use light mode. Build with React, TypeScript, and Tailwind CSS.

Default ClaudeOpen
Observations
  • Generic zinc color palette
  • Basic card shadows
  • Standard table styling
  • Blue accent throughout
  • No intentional design direction
With SkillOpen
Improvements
  • Precision & Density direction
  • Pure neutral color foundation
  • Borders-only depth strategy
  • Monospace for all data values
  • Linear/Raycast aesthetic