SA Skill Atlas GitHub skill index
Back to Frontend

Design Systems

UI frameworks, component systems, web performance, and browser application architecture.

6 Repositories Frontend Updated Jul 16

Subcategories

All Frontend 165
Topic guide

How to use this Design Systems index

Design Systems repositories in Skill Atlas are selected from popular GitHub projects and organized to help developers compare tools, patterns, and implementation examples. Use this page as a starting point before opening individual repositories for docs, issues, examples, and license details.

When to use this category

  • Find established open source projects related to design systems.
  • Compare repository popularity, language, tags, and practical use cases.
  • Build a shortlist before deeper technical evaluation.
  • Discover adjacent categories through related tags and subcategories.

How to choose

  • Start with repositories that match your language, runtime, and deployment model.
  • Check recent commits, issue activity, documentation quality, and license before adopting a project.
  • Use stars as a popularity signal, not as proof of fit or production readiness.
  • Common languages in this topic include TypeScript, CSS, JavaScript.
  • Frequent tags include Frontend, JavaScript, TypeScript, agent-privilege, agentic-ai.

Design Systems repositories

6 repositories sorted by GitHub stars. Use the interactive explorer for live filters.

Interactive explorer

system-design

Design Systems

Learn how to design systems at scale and prepare for system design interviews

Frontendarchitecturedistributed-systemsengineeringinterviewinterview-preparation

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for software projects
  • Open GitHub for documentation, examples, and issues
45k stars
GitHub

design.md

Design Systems

A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.

FrontendTypeScript

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for TypeScript projects
  • Open GitHub for documentation, examples, and issues
26k stars TypeScript
GitHub

community-skeleton

Design Systems

UVdesk Open Source Community Helpdesk is a comprehensive ticketing support system designed for everyone, offering robust features to streamline customer support and collaboration.

FrontendCSSagent-privilegebackbonejscustomer-supportdocker-runtime

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for CSS projects
  • Open GitHub for documentation, examples, and issues
19k stars CSS
GitHub

astryx

Design Systems

An open source design system that's fully customizable and agent ready

FrontendTypeScript

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for TypeScript projects
  • Open GitHub for documentation, examples, and issues
9.1k stars TypeScript
GitHub

loop-engineering

Design Systems

Practical patterns, starters & CLI tools for loop engineering with AI coding agents. Design systems that prompt and orchestrate agents (inspired by Addy Osmani and Boris Cherny). Includes loop-audit, loop-init, loop-cost.

FrontendJavaScriptagentic-aiai-agentsai-codinganthropic

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for JavaScript projects
  • Open GitHub for documentation, examples, and issues
8.0k stars JavaScript
GitHub

ant-design-landing

Design Systems

:mountain_bicyclist: Landing Pages of Ant Design System

FrontendJavaScriptdesigneditorhome-pagehomepage

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for JavaScript projects
  • Open GitHub for documentation, examples, and issues
6.5k stars JavaScript
GitHub