AI Skills for Product Designer

Generates production-quality HTML/CSS from approved designs, enabling seamless implementation of web layouts.

Generates multiple design variants and facilitates structured feedback for iterative design exploration.

Provides comprehensive design consultation, creating a complete design system and generating a DESIGN.md for project consistency.

Enhances design quality by identifying and fixing visual inconsistencies and interaction issues through iterative QA processes.

Provides an interactive design review process, rating dimensions and suggesting improvements for optimal UI/UX outcomes.

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

Facilitates systematic design with token architecture, component specs, and brand-compliant slide generation for effective presentations.

Creates beautiful, accessible user interfaces using shadcn/ui components and Tailwind CSS for responsive and visually appealing designs.

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

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.

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

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

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

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

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.

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

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