Ux skills

This skill guides you to design clear error states and recovery flows that help users resolve issues quickly and confidently.

This skill helps you apply modern CSS architecture patterns, enabling consistent theming, scalable layouts, and accessible, maintainable styles.

This skill helps you implement comprehensive accessibility practices across WCAG, semantic HTML, keyboard navigation, and screen readers, ensuring inclusive

This skill polishes Godot products by transforming natural language descriptions into enhanced visuals, audio, UX, and packaging.

This skill transforms scripts into Qoder brand style HTML presentations optimized for browser playback with keyboard navigation and auto-scaling.

This skill evaluates and improves user interfaces across CLI, web, and mobile, delivering concrete, actionable UX enhancements that boost usability and

This skill defines your visual direction and brand aesthetics to guide consistent asset creation across images and graphics.

This skill helps you craft deliberate microinteractions, timing, and accessibility-conscious feedback to guide users and improve perceived performance.

This skill helps you optimize perceived performance using optimistic UI, skeletons, and latency strategies to boost user trust and loading experience.

This skill helps you design accessible, themed color systems with harmony, dark mode support, and color-blind friendly palettes across brands.

This skill helps you design responsive layouts with mobile-first strategies using Flexbox, Grid, and container queries for accessible, performant interfaces.

This skill helps you establish clear visual hierarchy through size, weight, contrast, and whitespace, improving layout clarity and reducing interface clutter.

This skill guides building modern web apps with React, Tailwind, and shadcn/ui, emphasizing accessibility, type safety, and performance improvements.

This skill guides GUI design by applying visual hierarchy, color theory, typography, and responsive layouts to create accessible, usable interfaces.

This skill helps you apply professional typography principles to create readable, balanced interfaces with clear hierarchy and effective measure.

This skill generates self-contained p5.js celebration animations for MicroSims, enabling quick creation, testing, and integration of reward visuals.

This skill helps students learn classification across subjects by presenting scenario based questions with multiple choices and instant explanations.

This skill helps you create interactive p5.js Educational MicroSims with responsive layout, iframe embedding, and metadata for seamless classroom deployment.

This skill helps you generate interactive comparison tables as MicroSims with ratings, badges, logos, and documentation to streamline educational decisions.

This skill generates interactive Leaflet maps as MicroSims, enabling educators to visualize geography with ready-to-embed MkDocs content.

This skill delivers production-grade mobile development guidance for iOS, Android, and cross-platform patterns covering architecture, UI, and deployment.