AI Skills for Product Designer

Creates distinctive, production-grade frontend interfaces with high design quality, ensuring memorable and functional web components.

Generates unique algorithmic art using p5.js, emphasizing computational beauty and interactive exploration of generative aesthetics.

Creates original visual designs in .png and .pdf formats, emphasizing craftsmanship and artistic interpretation through unique design philosophies.

Applies professional themes to various artifacts, enhancing visual identity with cohesive color palettes and font pairings.

Provides a dynamic glass material design system for iOS 26, enhancing UI with blur, reflection, and interactive deformation effects.

Provides comprehensive UI/UX design intelligence with styles, palettes, and guidelines for web and mobile applications.

Enhances user experiences by designing microinteractions, transitions, and feedback patterns for intuitive UI interactions.

Enables the creation of modern responsive layouts using advanced CSS techniques for seamless adaptation across devices.

Facilitates the creation of scalable design systems with design tokens and theming infrastructure for consistent UI across applications.

Enhances visual design skills by applying typography, color theory, and spacing principles for cohesive and accessible designs.

Enables the creation of reusable UI components using React, Vue, and Svelte with modern design patterns and CSS-in-JS techniques.

Equips developers with iOS design principles and SwiftUI patterns for creating user-friendly native applications.

Enables designers to master Material Design 3 and Jetpack Compose for creating adaptive Android applications.

Facilitates the creation of scalable design systems using Tailwind CSS v4, enabling responsive and accessible UI components.

Creates distinctive, production-grade frontend interfaces with high design quality, ensuring memorable and functional web components.

Reviews UI code for compliance with Web Interface Guidelines, ensuring accessibility and adherence to best practices.

Enables visual inspection and fixing of website design issues, enhancing UI quality and accessibility across various web applications.

Generates and edits images using the OpenAI Image API for various creative projects, ensuring high-quality outputs and efficient workflows.

Creates immersive 3D web experiences using Three.js, React Three Fiber, and WebGL for product configurators and interactive scenes.

Translates Figma designs into production-ready code with pixel-perfect accuracy using the Figma MCP workflow.