AI Skills for UX Designer

Enables rapid prototyping to validate ideas and assess feasibility before committing to full development.

Facilitates navigation and management of Feishu knowledge bases, enabling users to create, move, and edit wiki pages efficiently.

Creates SVG/HTML or Excalidraw diagrams for visualizing concepts, architecture, and workflows effectively.

Provides a creative direction layer for music videos and edits, focusing on aesthetic coherence and intentional visual storytelling.

Provides idiomatic React 18/19 patterns for building robust, accessible, and performant component trees.

Optimizes React and Next.js performance with over 70 rules, enhancing load times and user interactions based on Vercel's best practices.

Provides accessibility patterns for React and Next.js, ensuring semantic HTML and ARIA compliance for interactive UI components.

Facilitates the transformation of ideas into detailed designs and specifications through structured brainstorming and user collaboration.

Provides advanced motion patterns for React/Next.js, enabling complex animations like drag & drop, gestures, and SVG path drawing.

Enhances UI design by applying detailed engineering principles for polished interfaces, improving user experience and interaction.

Provides foundational motion design principles and tokens for React/Next.js, ensuring performance and accessibility in animations.

Creates stunning HTML presentations from scratch or converts PowerPoint files, enhancing visual appeal for non-designers.

Provides production-ready animation patterns for React/Next.js, enhancing UI with accessible and SSR-safe animations.

Provides EMR/EHR development patterns focusing on clinical safety, encounter workflows, and accessible UI for healthcare applications.

Provides patterns for building efficient Nuxt 4 applications with a focus on hydration safety, performance, and data fetching.

Designs composable recommendation and ranking pipelines using a six-stage framework for personalized content delivery.

Generates and audits design systems for visual consistency, enhancing UI quality and ensuring cohesive styling across projects.

Provides patterns for developing Clinical Decision Support Systems, enhancing patient safety through drug interaction checks and dose validation.

Generates iOS app icons as PNG imagesets from SF Symbols or Iconify API for seamless integration into Xcode projects.

Records polished UI demo videos of web applications using Playwright, enhancing user understanding through visual storytelling.