Designer

Pick a job and get matching MCP servers (connect a service) and Skills (how-to guides). Every item passed our command checker.

Install the whole kit with one sentence

Connect PopNx MCP to your AI app first, then copy this sentence into the chat · How to connect PopNx MCP →

Use PopNx MCP to set up the "Designer" kit for me: MCP glips-figma-context-mcp, dayuanjiang-next-ai-drawio, nteract-semiotic and Skills pbakaus-impeccable, cathrynlavery-diagram-design. Use get_install_config for each MCP server and read_skill for each Skill, and walk me through them one at a time. If a key or token is needed, tell me where to put it on my computer. Never ask me to type a key into the chat.

MCP servers in this kit MCP · Connects a service

Figma Context MCP

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

by GLipsWidely used↓ 152.1K/wk★ 16.2KUpdated 5 months ago

MCP · Connects a serviceRuns on your computer

Install

Next AI Draw.io

draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand

by DayuanJiangWidely used↓ 21.7K/wk★ 37K Stars for the whole repoUpdated 2 days ago

MCP · Connects a serviceRuns on your computer

Install

Semiotic

Verified React chart generation: select, validate, repair, render, and inspect charts through MCP.

by nteractWidely used↓ 8.5K/wk★ 2.7KUpdated 17 days ago

MCP · Connects a serviceComputer or cloud

Install

Skills in this kit Skill · How-to guide

impeccable

The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships.

by pbakaus★ 110,6901 skills

Skill · How-to guide

diagram-design

Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.

by cathrynlavery★ 67,3711 skills

Skill · How-to guide

The list is picked from the latest data. We never store your keys.

Other kits →