CLI Integration

Use your Design Team agents directly in Claude Code, Cursor, or Codex.

Installation

Install all 17 skills with a single command:

npx skills add pablostanley/designteam-app

This downloads the skill files and registers them with your AI tool. No build step required.

Install a Custom Team

Build a team at designteam.app/build, share it, then install it into any project:

npx designteam install abc123

This fetches your team config from designteam.app and saves it as a skill file in .claude/skills/designteam-<id>/SKILL.md. Your AI agent picks it up automatically.

You can also install from a full URL:

npx designteam install https://designteam.app/team/abc123

List public teams:

npx designteam list

Available Skills (17)

Each skill is a standalone Markdown file with domain expertise and personality injection. Install all at once or reference individual skills by name.

Skill	What it does
researcher	Competitive analysis, audience profiling, positioning gaps
copywriter	Headlines, body copy, CTAs, voice, messaging hierarchy
graphic-designer	Color, typography, composition, imagery, visual systems
ux-designer	User flows, IA, interaction patterns, wireframes
ux-writer	Button labels, error messages, empty states, tooltips, microcopy
editorial-designer	Grid systems, spacing, reading rhythm, responsive layouts
social-media-designer	Platform-specific content, carousels, stories, thumbnails
creative-director	Orchestration, brief-setting, quality gates
design-engineer	Components, responsive code, tokens, CSS/React
brand-strategist	Brand identity, visual systems, voice/tone, guidelines
marketing-strategist	Campaign planning, channel strategy, audience targeting
print-designer	Business cards, flyers, packaging, large-format print
motion-designer	Animation, transitions, micro-interactions
accessibility-specialist	WCAG audits, assistive tech, universal design
content-strategist	Content architecture, editorial calendars, taxonomy
seo-specialist	On-page SEO, meta tags, structured data, keyword strategy
design-team	Full orchestrator: classifies projects, activates specialists in sequence

Claude Code

After installing, Claude Code automatically picks up the skills. You can reference agents by name in your prompts:

# In your Claude Code session
> /graphic-designer Create a hero section for our landing page

# Or reference the full team
> /creative-director Review the homepage design and suggest improvements

Each agent's personality and expertise is baked into the skill file, so the AI responds with the right tone and knowledge automatically.

Cursor

Cursor loads skill files from your project directory. After installation, open Cursor and the skills appear in your agent list:

# The skill files are saved to your project
.skills/
  graphic-designer/SKILL.md
  ux-designer/SKILL.md
  copywriter/SKILL.md
  ...

# Reference them in Cursor's AI chat
@graphic-designer Design a card component with hover states

Codex

For OpenAI Codex, paste the exported Markdown from your agent's skill file into the system prompt. The personality and role instructions carry over to any model that accepts system prompts.

# Export your team as Markdown from the UI
# Then paste the agent's section into your Codex system prompt

# Example system prompt:
You are Pixel, a Graphic Designer agent.
You communicate with a very bold tone, a very playful manner,
and very experimental approaches.
Key traits: creative, risk-taking.

How Skill Files Work

Each skill file is a Markdown document that combines:

Base role knowledge — domain expertise for the role (e.g., UX principles, typography rules, research methodologies)
Personality injection — generated from your slider settings, traits, and custom prompt

The skill generator merges these at export time. If the base skill contains a {{PERSONALITY}} placeholder, the personality fragment replaces it inline. Otherwise, it's appended as a separate section.