superdesign
Low · 93 Score: 93/100
by mpociot | Audited: 2026-02-05T09:18:25.242Z | Ruleset: 0.1.0
About This Skill
Based on SuperDesign patterns — https://superdesign.dev
✨ NEVER use generic bootstrap-style blue (#007bff) — it looks dated
✨ Prefer oklch() for modern color definitions
✨ Use semantic color variables (--primary, --secondary, --muted, etc.)
✨ Consider both light and dark mode from the start
✨ Use consistent spacing scale (0.25rem base)
✨ Shadows should be subtle — avoid heavy drop shadows
✨ Consider using oklch() for shadow colors too
✨ Entry animations: 300-500ms, ease-out
Use Cases
1 Workflow automation
2 Data transformation
3 System integration
Security Audit
Low · 93
Summary
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Risk Profile
Key Risks 0 items
No LLM risk bullets (LLM disabled or not cached).
Deterministic Findings (Evidence)
No findings detected.