Skill · Design

ui-design-system

Designmcpdirectory↓ 46

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools.

Install
$ npx skills add davila7/claude-code-templates --skill ui-design-system

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

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

Capabilities

Word

Auto-detected from the listing text — confirm 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

  • zotero — Manage Zotero reference libraries via the Web API. Search, list, add items by DOI/ISBN/PMID (with duplicate de
  • matplotlib — Foundational plotting library. Create line plots, scatter, bar, histograms, heatmaps, 3D, subplots, export PNG
  • image-upscaling — Upscale and enhance images with Real-ESRGAN, Thera, Topaz, FLUX Upscaler via inference.sh CLI.
  • web-development — Web frontend project development rules. Use this skill when developing web frontend pages, deploying static ho
  • graphql — GraphQL gives clients exactly the data they need - no more, no less.
  • tailwind-best-practices — Tailwind CSS styling guidelines for Mastra Playground UI. This skill should be used when writing, reviewing, o

More from davila7

  • software-architecture — Guide for quality focused software architecture. This skill should be used when users want to write code, desi
  • planning-with-files — Implements Manus-style file-based planning for complex tasks. Creates task_plan.md, findings.md, and progress.
  • telegram-bot-builder — Expert in building Telegram bots that solve real problems - from simple automation to complex AI-powered bots.
  • scientific-brainstorming — Research ideation partner. Generate hypotheses, explore interdisciplinary connections, challenge assumptions,

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.