modular-scale-typography
๐ฏSkillfrom dembrandt/dembrandt-skills
|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.
Same repository
dembrandt/dembrandt-skills(40 items)
Installation
npx vibeindex add dembrandt/dembrandt-skills --skill modular-scale-typographynpx skills add dembrandt/dembrandt-skills --skill modular-scale-typography~/.claude/skills/modular-scale-typography/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.
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.
A UI design skill for establishing clear visual hierarchy through size, color, weight, contrast, and position, ensuring primary actions stand out and users are guided to what matters most on each screen.