Ux skills

This skill helps you quickly access Tailwind documentation and citations from docs/ with source references and fetch dates.

This skill generates professional HTML presentations using reveal.js from markdown content, with responsive design, code highlighting, and speaker notes.

This skill generates interactive educational infographics from vis-network JSON data using p5.js, with hover tooltips and a detailed bottom control panel.

This skill helps you implement real-time collaborative editing using CRDTs or OT, synchronized with React, to maintain a responsive multi-user UI.

This skill helps you implement interactive component states with accessible hover, focus, loading, and error feedback for buttons, inputs, and cards.

This skill helps you craft elegant, accessible UI components with polished visuals, tasteful color systems, and responsive interactions.

This skill transforms plain .razor UI into MudBlazor components, reflecting domain CanXxx() states to enhance usability while preserving architecture.

This skill helps you process video frames in real-time in a React app, synchronize UI overlays, and measure performance for smooth playback.

This skill guides styling with Tailwind CSS using the latest patterns, enables theme customization, and applies modern, perceptually uniform OKLCH colors.

This skill helps you design and optimize immersive 3D web experiences using Three.js, React Three Fiber, and WebGL for performant, engaging sites.

This skill helps maintain UI consistency during network partitions by enabling offline-first workflows, reconciliation, and graceful degradation.

This skill helps you design and integrate a contenteditable editor with custom data models, ensuring safe HTML, cross-browser selection, and basic formatting.

This skill helps you implement a fluid Utopia spacing system with container-query aware tokens to create consistent, responsive layouts.

This skill helps you integrate Material Symbols v3 icons across UI elements by importing, styling, and scaling variable font icons for consistent design.

This skill helps you architect iOS native apps with Swift and SwiftUI, emphasizing MVVM, async/await, testing, and App Store compliant UX.

This skill generates quick, actionable checklists from the Four Learning Design Pillars to help you audit content rapidly.

This skill enables smooth web components animations using Anime.js 4 for drag interactions, visual feedback, swaps, and automatic cleanup.

This skill enables fluid drag-and-drop with physics-based animations, tracking pointer events, collisions, and spring-like reordering for responsive UIs.

This skill helps educators design Canvas LMS assignments using evidence-based learning pillars, generating objectives, rubrics, and Canvas-ready configurations.

This skill helps you design and communicate data insights through visual storytelling, choosing effective charts, colors, and dashboards using modern tools.

This skill reviews educational content against the Four Learning Design Pillars, providing structured feedback with actionable recommendations and principle