🎯

design-systems

🎯Skill

from mindrally/skills

Installation

Vibe Index InstallInstalls to .claude/skills/

$npx vibeindex add mindrally/skills --skill design-systems

skills.sh Install⚠ Installs to .agents/skills/

$npx skills add mindrally/skills --skill design-systems

Manual InstallCopy SKILL.md content and save to the path below

path

~/.claude/skills/design-systems/SKILL.md

What it does

Comprehensive design system guidelines for building consistent, accessible, and scalable digital products. Covers foundation elements (color, typography, spacing, icons), component architecture with states and variants, and WCAG 2.1 AA accessibility requirements.

📦

Same repository

mindrally/skills(240 items)

design-systems

SKILL.md

711Installs

Last UpdatedJan 23, 2026

View on GitHub Back to Skills

More from this repository10

🎯

fastapi-python🎯Skill

A collection of Claude Code skills covering framework-specific development expertise including FastAPI, Python, and other technologies with best practices.

🎯

nextjs-react-typescript🎯Skill

Provides Next.js, React, and TypeScript development guidelines covering component patterns, server-side rendering, type safety, and modern web application best practices.

🎯

web-scraping🎯Skill

Extracts structured web data using Python tools like BeautifulSoup, Selenium, and Scrapy, with robust error handling and ethical scraping practices.

🎯

computer-vision-opencv🎯Skill

A collection of Claude Code skills covering framework-specific development expertise including FastAPI, Python, and other technologies with best practices.

🎯

accessibility-a11y🎯Skill

A collection of Claude Code skills covering framework-specific development expertise including FastAPI, Python, and other technologies with best practices.

🎯

chrome-extension-development🎯Skill

A collection of Claude Code skills covering framework-specific development expertise including FastAPI, Python, and other technologies with best practices.

🎯

mysql-best-practices🎯Skill

A collection of Claude Code skills covering framework-specific development expertise including FastAPI, Python, and other technologies with best practices.

🎯

redis-best-practices🎯Skill

Provides Redis performance optimization, data modeling, and operational best practices, from a collection of 240+ skills converted from Cursor rules.

🎯

framer-motion🎯Skill

Provides expert guidelines and performance-optimized techniques for creating smooth, hardware-accelerated animations in React using the Motion library.

🎯

odoo-development🎯Skill

Expert guidance for Odoo ERP development including Python ORM with API decorators (@api.model, @api.depends, @api.onchange), XML view inheritance, module architecture, security with ACLs and record rules, internationalization, and QWeb templating for reports.