Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
-
Updated
Mar 20, 2026 - Python
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.
A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.
Comprehensive UI/UX and Backend component design skills for AI-assisted development with Claude
Consulting firm-style PowerPoint design system for AI agents. 70 layout patterns, flat design, python-pptx. 麦麸风格PPT设计系统。
Claude skill that analyzes images, websites, and Figma files and generates a structured design.md with token system, component inventory, and reconstruction notes.
🎨 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)
面向 AI 时代的数据可视化规范与工作流库 — specification & workflow library for AI-era data visualization
Design intelligence engine for AI coding tools (Claude Code, Cursor, Windsurf). Deterministic anti-AI-slop linter with 152 rules, 160 brand specs, a 7-axis synthesizer, an MCP server (18 tools), 25 commands, 17 IDEs. Offline, never calls an LLM. MIT.
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.
A family of small protocols for the perceptual side of designer-agent collaboration.
50,000+ unique HTML presentation designs. Zero dependencies. Anti-AI-slop. A Claude Code skill.
UI 视觉词典中英双语对照版 · Learn UI Name — bilingual replica of namethatui.com (62 entries + 14 visual styles), live interactive specimens, PWA
Portable visual output layer for agents. One API call, one SVG. Zero dependencies, renders in any markdown.
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.
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.
UI/UX design plugin for AI coding agents. Product flows, platform-native interfaces, asset planning, and reference analysis before code.
📚Learn how to design large-scale systems.✍️Prep for the system design interview😎. Includes Anki flashcards.✨
SunflowersLwtech's toolbox: Claude Code skills, agents, commands, and MCP servers in one plugin marketplace
🍚 A developer's TUI suite for Textual — themes, widgets, modals, icons, and the design system behind ltui