Accessibility skills

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

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

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

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

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

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

This skill helps educators generate educational MicroSims using vis-network, enabling accessible, embeddable browser simulations for textbook demonstrations.

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

This skill helps you build consistent Tailwind CSS themed UIs using shadcn/ui patterns, semantic tokens, and responsive dark mode across components.

This skill helps instructors transform textbook chapters into engaging, evidence-based lectures with Google Slides, guiding outcomes, narrative design,

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

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

This skill helps you apply Resend brand guidelines across artifacts by routing to brand resources and ensuring visual consistency.

This skill analyzes iOS UI/UX, applies Human Interface Guidelines, and proposes interface improvements with SwiftUI patterns and accessibility in mind.

This skill enforces a modern, consistent UI design across platforms, guiding color, spacing, typography, and interactive states for polished interfaces.

This skill helps you select Ant Design components and theming strategies for a performant, accessible SSR React app using v6 and Pro/X patterns.

This skill helps you develop React components with accessible, composable patterns, forwardRef, and consistent APIs for reliable architecture.

This skill helps you design consistent, accessible UI across web and mobile by generating design systems, style guides, and UX recommendations.