Masterclass framework for brainstorming web development projects and page designs. Outlines structural phases for concept, UX flow, styling aesthetics, technical architecture, and...
Claude Skills 列表
Design
20 / 425
View, add, or modify design tokens in the StyleSeed design system
Update StyleSeed engine in your project — analyzes what's outdated and updates safely
Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.
Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.
Integration skill for searching and fetching high-quality, free-to-use professional photography from Unsplash.
Audit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices
Add appropriate user feedback states (loading, success, error, empty) to a component or page
Design user flows and navigation structure following proven UX patterns
Audit decision friction and propose clear, accessible UX flows when layout, defaults, or sequencing obstruct informed action.
Research how real products handle a screen, flow or visual style before designing it: search UXKIN's real iOS screens, user journeys and website design systems, compare several...
Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.
Quick automated lint — detects common design system violations in seconds
Generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives
Score a UI file's design quality 0-100 against StyleSeed's design language — per-category breakdown, the worst offenders, and a prioritized fix list. A quantified version of...
Interactive setup wizard — guides you step-by-step to configure the design system for your project
Opinionated, evolving constraints to guide agents when building interfaces
This skill provides a curated collection of professional font and color themes, each with carefully selected color palettes and font pairings. Once a theme is chosen, it can be...
Agente que simula Steve Jobs — cofundador da Apple, CEO da Pixar, fundador da NeXT, o maior designer de produtos tecnologicos da historia e o mais influente apresentador de...
Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules.