How to use

How to use

Pick your role and follow three steps. Each step leads to a real page. A two-minute read.

• Designer

  Understand the landscape and pick tools without coding.

  Three steps

  • 01Read the first article in the series, with the survey data.Articles
  • 02See the tools by stage of the work, from design to ship.Workflow
  • 03Open a skill and read it on screen: it is a plain-language instruction for an agent.Skills & Agents

  Pages on this pathArticlesWorkflowSkills & Agents

  Steps: 0%

  Open Articles

• Design engineer

  Connect your agent to the catalogue and ask for the right skill on the spot.

  Three steps

  • 01Connect the MCP in Claude Code or another agent, with the command below.MCP
  • 02Ask the agent for a skill by topic: it uses list_skills and get_skill on its own.MCP
  • 03Check provenance and licence on the leaderboard before adopting.Skills & Agents

  Pages on this pathMCPSkills & Agents

  CopiedCopyCopied

  claude mcp add --transport http compound-design https://compounddesign.vercel.app/mcp
  

  bash·1 line

  Steps: 0%

  Open MCP

• Front-end developer

  Use the catalogue from the terminal, nothing to install.

  Three steps

  • 01Run the CLI and start with the routing skill, with the command below.CLI
  • 02Read a full skill with get and paste it into your agent.CLI
  • 03Filter by topic, such as motion or accessibility, when you need to.Skills & Agents

  Pages on this pathCLISkills & Agents

  CopiedCopyCopied

  npx @compound-design/skills start
  

  bash·1 line

  Steps: 0%

  Open CLI

• Design or product lead

  Present the landscape to your team with open data.

  Three steps

  • 01Open an article in presentation mode: the same text becomes slides.Articles
  • 02Use the survey with the open numbers and the treated CSV.Research
  • 03See the licences and what can be reused.FAQ

  Pages on this pathArticlesResearchFAQ

  Steps: 0%

  Open Research

None of these fit? The documentation explains everything from scratch.