Design

This skill provides structured access to UI/UX design patterns, color palettes, typography pairings, and stack-specific implementation guidelines. It offers a systematic workflow for generating design systems and code implementations across multiple frameworks with practical quality checks.

This skill guides Claude through a two-step creative process: first generating a detailed visual design philosophy manifesto, then using that philosophy to create original PNG or PDF artwork. It emphasizes minimal text, spatial expression, and craftsmanship, treating outputs as art objects rather than decorated documents.

Provides structured reference data for Material Design 3, Apple HIG, Tailwind UI, and Ant Design. Includes color systems, typography scales, spacing rules, and component patterns. Helps UI agents evaluate designs against established standards with specific checklists for each system.

Provides structured prompting patterns for UI design reviews using Gemini's vision capabilities. Includes specific templates for usability analysis, WCAG accessibility audits, and design system consistency checks. Covers multiple image input methods and severity guidelines.

This skill automates the extraction of design elements from websites, including colors, typography, and layout patterns. It uses browser tools to capture screenshots and analyze visual components, generating structured reports for design inspiration. It provides a systematic workflow for designers to reverse-engineer successful UI patterns.

This skill provides a structured workflow for generating and editing website images using Google's Gemini models. It offers clear guidance on model selection, prompting techniques, and post-processing, with a strong focus on creating Australian-specific imagery for web assets like hero banners and infographics.

This skill guides users through creating visual moodboards from design inspiration. It provides step-by-step instructions for extracting colors, typography, and UI patterns, then structures them into documented design directions. The workflow includes iterative refinement with user feedback before finalizing a design system ready for implementation.

A comprehensive and well-structured guide to user research methodologies, providing practical templates, clear protocols, and actionable frameworks for conducting effective user studies.