๐ŸŽฏ

design-systems

๐ŸŽฏSkill

from cuellarfr/design-skills

VibeIndex|
What it does
|

Guides building, documenting, and maintaining design systems with design tokens, component specs, pattern libraries, and governance processes, grounded in Atomic Design, Material Design 3, Polaris, Carbon, and Spectrum.

๐Ÿ“ฆ

Same repository

cuellarfr/design-skills(10 items)

design-systems

Installation

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

SKILL.md

117Installs
-
AddedApr 18, 2026

More from this repository9

๐ŸŽฏ
design-critique-&-evaluation๐ŸŽฏSkill

A collection of UX and design skills for AI coding agents covering research, critique, and evaluation with Nielsen's heuristics, 27 UX laws, usability checks, and structured design frameworks.

๐ŸŽฏ
ux-writing๐ŸŽฏSkill

Creates clear, concise, user-centered interface copy for digital products โ€” covers buttons, labels, error messages, notifications, forms, onboarding, and empty states using four quality standards.

๐ŸŽฏ
interaction-design๐ŸŽฏSkill

A skill for designing meaningful interactions, microinteractions, animations, state machines, and gesture patterns based on Dan Saffer's interaction design principles. It guides Claude in specifying how products respond to user input across all states and contexts.

๐ŸŽฏ
ux-research๐ŸŽฏSkill

Plans, conducts, and analyzes UX research using proven methodologies โ€” covers generative, evaluative, and continuous discovery research with interview scripting, usability testing, qualitative analysis, and persona synthesis.

๐ŸŽฏ
ux-strategy๐ŸŽฏSkill

A UX strategy skill that connects design decisions to business outcomes using frameworks like Continuous Discovery Habits, Jobs to Be Done, Lean UX, and Google HEART โ€” covering competitive analysis, opportunity mapping, value proposition design, and measurable UX metrics.

๐ŸŽฏ
journey-mapping-&-service-design๐ŸŽฏSkill

Collection of UX and design skills providing deep knowledge of design frameworks, heuristics, and methodologies โ€” includes UX research, design critique, journey mapping, service design, and UX writing.

๐ŸŽฏ
design-elevation๐ŸŽฏSkill

A comprehensive design elevation skill that automatically transforms functional visual outputs โ€” presentations, dashboards, HTML artifacts, reports, and data visualizations โ€” into polished, professional designs by applying Alla Kholmatova's design systems framework with Tailwind CSS as the canonical design token system. It structures decisions through functional patterns (structure, layout) and perceptual patterns (color, typography, spacing).

๐ŸŽฏ
accessibility-audit๐ŸŽฏSkill

Conducts web accessibility audits against WCAG 2.2 guidelines, evaluating pages, components, and flows for A/AA/AAA conformance with coverage of keyboard navigation, screen readers, color contrast, and semantic HTML.

๐ŸŽฏ
design-ops๐ŸŽฏSkill

A skill for running design operations including design sprints (5-day Google Ventures methodology), engineering handoff processes, team rituals, documentation standards, and design QA workflows. Covers the operational side of design -- how teams organize work, collaborate with engineering, and ship quality.