web-design-guidelines
Reviews UI code for web interface guidelines compliance, focusing on accessibility and design best practices.

Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.
npx skills add mrgoonie/claudekit-skillsReviews UI code for web interface guidelines compliance, focusing on accessibility and design best practices.

A comprehensive UI/UX design assistant with 50 styles, 21 palettes, and support for multiple frameworks like React, Next.js, Vue, and Svelte

Create scalable design systems using Tailwind CSS v4, design tokens, and responsive patterns.

Skill for building and maintaining frontend design systems to ensure UI consistency and component reusability.

Create beautiful visual art and designs in PNG and PDF formats using design principles.
