ui-ux-design
UI/UX Design for DevOps LMS
Activation Triggers
- Designing new pages or layouts
- Creating navigation structures
- Working on user flows
- Building responsive designs
- Implementing accessibility features
- Designing progress visualization
Design System
Color Palette (Dark Mode)
/* Backgrounds */
--bg-base: #111827; /* gray-900 - Main background */
--bg-elevated: #1f2937; /* gray-800 - Cards, sidebars */
--bg-hover: #374151; /* gray-700 - Hover states */
More from fawzymohamed/devops
svg-illustrations
Expert knowledge for creating hand-drawn style SVG illustrations. Activate when creating custom diagrams, working with illustration components, or needing consistent visual design for lessons.
95cheat-sheets
Expert knowledge for creating effective cheat sheets with PDF export. Activate when creating/editing cheat sheet content, designing quick reference sheets, or working with PDF export functionality. (project)
15nuxt-ui
Expert knowledge for Nuxt UI v4 components and patterns. Activate when creating UI components, working with buttons, cards, forms, or any Nuxt UI component.
13quiz-system
Knowledge for implementing the LMS quiz system with Nuxt UI. Activate when working with quiz components, question types, scoring, or quiz-related composables.
2nuxt-content
Expert knowledge for @nuxt/content module in Nuxt 4. Activate when working with content directory, markdown files, frontmatter, or ContentRenderer.
1vue-composables
Patterns for Vue 3 composables with localStorage persistence in Nuxt 4. Activate when creating composables, working with useProgress, useQuiz, useCertificate, or localStorage.
1