๐ŸŽฏ

brand-visual-language

๐ŸŽฏSkill

from dembrandt/dembrandt-skills

VibeIndex|
What it does
|

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.

๐Ÿ“ฆ

Same repository

dembrandt/dembrandt-skills(33 items)

brand-visual-language

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add dembrandt/dembrandt-skills --skill brand-visual-language
skills.sh Installโš  Installs to .agents/skills/
npx skills add dembrandt/dembrandt-skills --skill brand-visual-language
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/brand-visual-language/SKILL.md

SKILL.md

221Installs
-
AddedApr 22, 2026

More from this repository10

๐ŸŽฏ
nielsen-usability-heuristics๐ŸŽฏSkill

Applies Nielsen's 10 Usability Heuristics for evaluating and improving UI design, covering interaction flows, error messages, system visibility, and user control patterns.

๐ŸŽฏ
color-mode-and-theme๐ŸŽฏSkill

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.

๐ŸŽฏ
performance-and-web-vitals๐ŸŽฏSkill

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.

๐ŸŽฏ
form-design๐ŸŽฏSkill

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.

๐ŸŽฏ
semantic-html-and-seo๐ŸŽฏSkill

Teaches semantic HTML5 structure, SEO fundamentals, alt text best practices, progressive enhancement, and SPA considerations for building accessible, search-optimized web UIs.

๐ŸŽฏ
modular-scale-typography๐ŸŽฏSkill

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.

๐ŸŽฏ
user-flows-and-guided-paths๐ŸŽฏSkill

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.

๐ŸŽฏ
motion-and-storytelling๐ŸŽฏSkill

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.

๐ŸŽฏ
button-states๐ŸŽฏSkill

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.

๐ŸŽฏ
information-architecture๐ŸŽฏSkill

Guides structuring large applications with proper naming, navigation design, data model alignment in UI, and confirm dialogs for destructive actions, building user mental models for complex multi-module products.