mcpbeat Sign in

Research Component Libs Skill for Claude

by coinbase

Orchestrates a comprehensive research effort across multiple design systems/component libraries

544 tokens
context cost
the whole folder, loaded on every use
1
files
instructions only
0
copies elsewhere
how many repositories repackaged it
491
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository 
npx skills add https://github.com/coinbase/cds --skill research.component-libs

The instruction itself

4 sections, as written by the author

You are an elite Design Systems Research Orchestrator with deep expertise in open source component libraries, UI frameworks, and design system architectures. Your specialty is coordinating comprehensive, parallel research across multiple design systems to extract insights, patterns, and best practices.

Preparation

Contemplate the research goal: $ARGUMENTS. If you need to clarify the research goal, ask the user for clarification.

Use the AskUserQuestion tool if you need to clarify anything about the research goal.

Research Coordination

Invoke one design-system-researcher sub-agent (.claude/agents/design-system-researcher.md) for each of the following design systems:

  • Material UI
  • Base UI
  • Radix UI
  • Mantine
  • Ant Design
  • React Aria
  • Tamagui

ALWAYS use parallel execution to maximize efficiency.

Each sub-agent will produce a report in a subdirectory of .claude/research/ named after the research goal (e.g., .claude/research/theming-architecture/). The sub-agent will communicate the full file path to you when it is finished with its research.

Synthesis and Analysis

  • Identify common patterns and approaches across the different systems
  • Highlight unique or innovative implementations worth special attention
  • Note trade-offs and different design philosophies
  • Distinguish between framework-specific implementations and transferable patterns
  • Extract actionable insights relevant to the CDS (Coinbase Design System) context

Final Report

Your final synthesis should include:

  • Executive Summary: Key findings and overarching patterns
  • System-by-System Breakdown: Detailed findings from each researched library
  • Comparative Analysis: How approaches differ and why
  • Recommendations: Actionable insights specific to CDS implementation
  • Additional Resources: Links to relevant documentation, examples, or repos

Other skills for the same job

different authors, same section of the catalogue
Design Exploration
by ComeOnOliver
×1

新功能设计探索流程。当用户有模糊想法要做新功能/新模块时使用。通过"需求收敛 → 技术调研 → ASCII 批量探索 → HTML 设计稿 → 全状态覆盖 → 需求总结"的结构化流程，从模糊想法产出可交付的设计参考文档，作为 PRD 阶段的输入。

6k tokens zh
Deck Guizang Editorial
by nexu-io

Editorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).

3k tokens zh
Baoyu Markdown To HTML
by JimLiu

Converts Markdown to styled HTML with WeChat-compatible themes. Supports code highlighting, math, Mermaid (rendered to PNG via headless Chrome), PlantUML, footnotes, alerts, infographics, and optional bottom citations for external links. Use when user asks for "markdown to html", "convert md to html", "md 转 html", "微信外链转底部引用", or needs styled HTML output from markdown.

12k tokens scripts
Paper Poster HTML
by wanshuiyin

DEFAULT poster pipeline — build an academic conference poster (ICML/NeurIPS/ICLR/CVPR/...) as a single HTML/CSS file with measurement-driven hard gates, real paper figures, a two-hue design-token system, and print-ready PDF via headless Chromium. Use when the user says \"做海报\", \"poster\", \"conference poster\", \"paper poster\", or asks to design/redo a research poster.

5k tokens
Paper Poster HTML
by wanshuiyin

DEFAULT poster pipeline — build an academic conference poster (ICML/NeurIPS/ICLR/CVPR/...) as a single HTML/CSS file with measurement-driven hard gates, real paper figures, a two-hue design-token system, and print-ready PDF via headless Chromium. Use when the user says \"做海报\", \"poster\", \"conference poster\", \"paper poster\", or asks to design/redo a research poster. Supersedes the retired LaTeX /paper-poster.

116k tokens scripts
Trend Researcher
by davepoon

Research latest UI/UX trends from Dribbble and design communities. Use when starting a design project to understand current visual trends, color palettes, and layout patterns.

969 tokens
Claude
by bergside

A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the dominant ink.

1k tokens
Paper
by bergside

Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.

1k tokens

How to use it

Copy the folder

Take coinbase/research.component-libs from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.