Skill · Design

design-system-patterns

Designmcpdirectory↓ 11

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.

Install
$ npx skills add wshobson/agents --skill design-system-patterns

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • 11 installs reported on mcpdirectory.
  • Published by wshobson — listed by mcpdirectory. Setup details live in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in Design

  • information-security-manager-iso27001 — Senior Information Security Manager specializing in ISO 27001 and ISO 27002 implementation for HealthTech and
  • youtube-clipper — YouTube 视频智能剪辑工具。下载视频和字幕，AI 分析生成精细章节（几分钟级别）， 用户选择片段后自动剪辑、翻译字幕为中英双语、烧录字幕到视频，并生成总结文案。 使用场景：当用户需要剪辑 YouTube 视频、生成
  • figma-automation — Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always sear
  • video-processing — Guide for video analysis and frame-level event detection tasks using OpenCV and similar libraries.
  • c4-architecture — Generate architecture documentation using C4 model Mermaid diagrams.
  • youtube-wisdom — Extract wisdom, insights, and actionable takeaways from YouTube videos.

More from wshobson

  • typescript-advanced-types — Discriminated unions, conditional types, and utility type patterns
  • tailwind-design-system — Design tokens, variants, and component patterns in Tailwind
  • fastapi-templates — Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error ha
  • mobile-ios-design — Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iO

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.