Ux skills

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

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

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 guides you to design clear error states and recovery flows that help users resolve issues quickly and confidently.

This skill helps you design effective loading and empty states that maintain user confidence during delays and empty data scenarios.

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

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

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

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

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

This skill guides rough ideas into structured designs through collaborative dialogue, exploring options and validating incrementally.

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

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

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

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

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

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 self-contained p5.js celebration animations for MicroSims, enabling quick creation, testing, and integration of reward visuals.

This skill helps you design unified SwiftUI multiplatform apps across iOS, iPadOS, macOS, and visionOS with a state-driven architecture.