A design system is a way to have modular and reusable CSS components as well as a separation of concerns of designing and using this system, by, for examplr, using design tokens.
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
Comprehensive UI/UX and Backend component design skills for AI-assisted development with Claude
A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.
Consulting firm-style PowerPoint design system for AI agents. 70 layout patterns, flat design, python-pptx. 麦麸风格PPT设计系统。
🎨 World-class AI presentation generator · 26 styles · 18 charts · benchmarked against Linear/Anthropic/Stripe/Apple/NYT — a Claude Code Skill that turns one sentence into design-agency-quality decks (HTML + editable PPTX)
The elite design intelligence layer for AI agents, synthesized from 10+ legendary design books. It primes your AI with the collective strategic wisdom of master designers to generate high-intent UI/UX with zero "schtick."
PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level guardrails so it stops producing averaged-out AI slop.
📚Learn how to design large-scale systems.✍️Prep for the system design interview😎. Includes Anki flashcards.✨
50,000+ unique HTML presentation designs. Zero dependencies. Anti-AI-slop. A Claude Code skill.
Teaches Claude to use a dozen visualization-building tools — raster, SVG, web, video, terminal, interactive, gaze plots, heatmaps, science figures. Brand tokens and 8:1 contrast audit built in.
DESIGN.md for Terminal UI — curated TUI design systems for AI coding agents. Source-code-level research from Claude Code, Lazygit, btop, k9s and more.
Open-source Figma-style design system for AI/ML pipeline diagrams. Dark theme, glassmorphism, YC/Cursor-level aesthetics.
Headless visual output layer for AI agents. One API call → self-contained SVG. Zero dependencies, works everywhere ⌬
Contains various design strategies with the implementation of them on a small level with an example. This repo helps us to understand how and why one should implement various designs while creating applications.
A centralized, developer-accessible design system documentation platform that makes design guidance available directly within coding environments through AI assistants and other tools
Learn how to design large-scale systems. Prep for the system design interview.
Retrieval library for LLM-assisted design work: distilled designer style profiles, universal principles, and project history — organized so AI assistants (Claude, GPT, local LLMs) can read relevant context on demand.
UI/UX design plugin for AI coding agents. Product flows, platform-native interfaces, asset planning, and reference analysis before code.
Eyes Peeled is a Claude skill that validates WCAG color accessibility compliance and generates compliant alternatives while preserving design intent.