#1
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
353K starsMar 20, 2026 pushdesign-creativePythonDesign Systems
$ npx skills add donnemartin/system-design-primerAlternatives
Compare similar skills by workflow fit, trust score, quality, GitHub adoption, maintenance, and install readiness.
Current skill
A Claude Code skill that personalizes AI-generated UI design using reference images and developer taste profiles.
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
$ npx skills add donnemartin/system-design-primerAn easy and fast way to create a Python GUI 🐍
$ npx skills add ParthJadhav/Tkinter-DesignerA collection of agent skills for AI short-drama production, covering character bibles, outlines, art bibles, scripts, and storyboards, designed for Claude Code and Codex.
$ npx skills add eternityspring/shuohao-skillsA curated collection of reusable agent skills for designers and builders to generate UI prompts and workflows using AI coding agents.
$ npx skills add MengTo/SkillsDesign and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendApple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.
$ npx skills@latest add emilkowalski/skillsMaterial UI: Comprehensive React component library that implements Google's Material Design. Free forever.
$ npx skills add mui/material-ui🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
$ npx skills add saadeghi/daisyuiGuidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
$ npx skills add anthropics/skills --skill frontend-designCommunity-built comprehensive 2D content creation appplication for graphic design, digital art, and interactive real-time motion graphics powered by a node-based procedural graphics engine
$ npx skills add GraphiteEditor/GraphiteCreate original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
$ npx skills add anthropics/skills --skill canvas-designApply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
$ npx skills add anthropics/skills --skill brand-guidelinesReview UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelinesChakra UI is a component system for building SaaS products with speed ⚡️
$ npx skills add chakra-ui/chakra-uiThe Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
$ npx skills add onlook-dev/onlookTranslate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
$ npx skills add openai/skills --skill figma-implement-designHow to choose
Use an alternative when it has a clearer install path, higher trust score, fresher maintenance, or better platform fit for your current agent stack. Keep Tastemaker if it already passes your workflow test and repository review.
Next step
Open the compare page, test the install commands in a sandbox, and check each repository before using a skill in production.