myoperator-design
Installation
SKILL.md
Generates production-ready React/Tailwind CSS code matching the myOperator design system. Code is standalone — does not require the myoperator-ui package but visually matches its components. Always include the full CSS variables block in output.
Design Philosophy
myOperator's design language is professional, clean, and purposeful:
- Blue-gray primary palette (#343E55) — sophisticated and business-appropriate
- Turquoise accent (#2BBCCA) — fresh, modern brand identity
- Clean typography with Source Sans Pro — readable and professional
- Subtle interactions — focus rings, hover states, smooth transitions
- Semantic color usage — success/error/warning states are clear and consistent
The aesthetic is enterprise SaaS — trustworthy, efficient, uncluttered. NOT flashy, NOT playful, NOT experimental.