global-toolbar-controls
๐ฏSkillfrom dembrandt/dembrandt-skills
|Design patterns for placing global settings โ currency, language, region, units โ in persistent, low-profile locations like header toolbars or footers, keeping them accessible without competing with primary navigation.
Same repository
dembrandt/dembrandt-skills(40 items)
Installation
npx vibeindex add dembrandt/dembrandt-skills --skill global-toolbar-controlsnpx skills add dembrandt/dembrandt-skills --skill global-toolbar-controls~/.claude/skills/global-toolbar-controls/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 typography, color, layout, accessibility, interaction patterns, and usability heuristics, distilled from enterprise and consumer product design experience.
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.