Skills
.Work. You
Rest

design-system-frameworks

Community

Master design system philosophies and build your own with confidence.

Design & Creative#design philosophy#material design#design systems#apple hig#build stack
Authorjpoindexter
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive guide to various design systems, their philosophies, and how to choose the right one for your project, helping you build a cohesive and effective design system.

Core Features & Use Cases

  • Design System Comparison: Analyze the philosophies and rules of major design systems.
  • Decision Framework: Offers guidance on adopting, adapting, or building a design system.
  • Modern Build Stack: Explains how to build a system using headless primitives, utility-first CSS, and styled component libraries.
  • Use Case: If you're developing a new product and need to decide between Material 3 and Apple HIG, this Skill helps you understand the differences and make an informed choice.

Quick Start

Use the design-system-frameworks skill to compare Material 3 and Apple HIG to determine which design system aligns best with your product's philosophy and goals.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-system-frameworks
Download link: https://github.com/jpoindexter/design-and-ai-skills/archive/main.zip#design-system-frameworks

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.