extract-design
๐ฏSkillfrom dembrandt/dembrandt-skills
|Part of dembrandt's design skills collection, this skill extracts design patterns from existing products covering visual hierarchy, typography, accessibility, and interaction patterns for enterprise and consumer UIs.
Same repository
dembrandt/dembrandt-skills(40 items)
Installation
npx vibeindex add dembrandt/dembrandt-skills --skill extract-designnpx skills add dembrandt/dembrandt-skills --skill extract-design~/.claude/skills/extract-design/SKILL.mdSKILL.md
More from this repository10
Applies Nielsen's 10 Usability Heuristics for evaluating and improving UI design, covering interaction flows, error messages, system visibility, and user control patterns.
A set of UX and design system skills for AI agents covering brand identity, design tokens, layout, components, accessibility, and performance. Includes a full 6-stage UX orchestrator that goes from brand analysis to tokens, layout, components, polish, and accessibility gating.
A set of UX and design system skills for AI agents covering brand identity, color palettes, typography scales, layout patterns, component design, accessibility, and a full 6-stage UX orchestration pipeline from brand to polished UI.
A set of practical UX and design system skills for AI agents covering visual hierarchy, typography, accessibility, color systems, responsive layouts, form design, and interaction patterns distilled from enterprise and consumer product experience.
A set of UX and design system skills for AI agents covering hierarchy, typography, accessibility, interaction patterns, layout, components, and a full 6-stage UX orchestration pipeline. Distilled from enterprise tools, SaaS, financial platforms, and consumer apps.
Teaches semantic HTML5 structure, SEO fundamentals, alt text best practices, progressive enhancement, and SPA considerations for building accessible, search-optimized web UIs.
A collection of UX and design system skills for AI agents, covering visual hierarchy, typography, accessibility, interaction patterns, responsive layouts, form design, and a full 6-stage UX orchestration pipeline from brand identity to accessibility gating.
A collection of UX and design system skills for AI agents covering typography, color, layout, accessibility, interaction patterns, and usability heuristics, distilled from enterprise and consumer product design experience.
Applies Disney's 12 animation principles, cinematic storytelling techniques, and comic book conventions to web UI for designing transitions, micro-interactions, onboarding flows, and scroll animations.
Defines the six interactive states (rest, hover, active, focus, disabled, loading) for buttons and interactive elements, with algorithmic color derivation from base colors using HSL adjustments.