AI Skills for UX Designer

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

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

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

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.

Converts UI design screenshots into Vue 3 components, streamlining the development process with popular UI libraries.

Provides modern frontend development patterns for React and Next.js, focusing on state management, performance optimization, and UI best practices.

Ensures digital products meet WCAG 2.2 standards for accessibility, enhancing usability for all users, including those with disabilities.

Provides a production-ready UI motion system for React/Next.js, enhancing user experience with animations and transitions.