DevTeam Design Command | devteam | ClaudePluginHub

Skill

DevTeam Design Command

Current session: !`source "${CLAUDE_PLUGIN_ROOT}/scripts/state.sh" && get_current_session 2>/dev/null || echo "No active session"`

Install

$

npx claudepluginhub michael-harris/devteam --plugin devteam

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Current session: !`source "${CLAUDE_PLUGIN_ROOT}/scripts/state.sh" && get_current_session 2>/dev/null || echo "No active session"`

SKILL.md

Similar Skills

design-system

Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.

team-skills-platform

163.7k

ui-demo

Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.

team-skills-platform

163.7k

kotlin-patterns

Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.

team-skills-platform

163.7k

Stats

Stars6

Forks1

Last CommitFeb 26, 2026

Actions

View Source View Plugin View on GitHub View README

Current session: !source "${CLAUDE_PLUGIN_ROOT}/scripts/state.sh" && get_current_session 2>/dev/null || echo "No active session" Active sprint: !source "${CLAUDE_PLUGIN_ROOT}/scripts/state.sh" && get_kv_state "active_sprint" 2>/dev/null || echo "None" Failure count: !source "${CLAUDE_PLUGIN_ROOT}/scripts/state.sh" && get_kv_state "consecutive_failures" 2>/dev/null || echo "0"

DevTeam Design Command

Command: /devteam:design [target] [options]

Coordinate UX/UI design work across platforms. Launches the UX System Coordinator to orchestrate design specialists.

Usage

# Design for current task/sprint
/devteam:design

# Design specific component
/devteam:design "User settings page"

# Platform-specific design
/devteam:design "Navigation" --platform web
/devteam:design "Navigation" --platform mobile
/devteam:design "Navigation" --platform desktop

# Design system work
/devteam:design --system
/devteam:design --system "Color palette refresh"

# Cost-optimized
/devteam:design "Login form" --eco

Options

Option	Description
`--platform <platform>`	Target platform: web, mobile, desktop, all
`--system`	Focus on design system architecture
`--eco`	Cost-optimized execution
`--skip-interview`	Skip clarifying questions

Your Process

Phase 0: Initialize Session

source "${CLAUDE_PLUGIN_ROOT}/scripts/state.sh"
source "${CLAUDE_PLUGIN_ROOT}/scripts/events.sh"

SESSION_ID=$(start_session "/devteam:design $*" "design")
log_session_started "/devteam:design $*" "design"

Phase 1: Launch UX System Coordinator

Delegate to the ux:ux-system-coordinator agent, which will:

Analyze design requirements
Select appropriate UX specialists based on platform
Coordinate design system architecture if needed
Ensure consistency across components
Validate against design system tokens and patterns

const result = await Task({
    subagent_type: "ux:ux-system-coordinator",
    prompt: `Design coordination request: ${target}

        Platform: ${platform || 'auto-detect'}
        Design system mode: ${systemMode}

        Coordinate the appropriate UX specialists to produce:
        1. Component specifications
        2. Layout and interaction patterns
        3. Design tokens (colors, typography, spacing)
        4. Accessibility requirements
        5. Responsive behavior specifications`
})

Phase 2: Quality Gates

Design consistency check against existing design system
Accessibility compliance validation
Cross-platform consistency (if multi-platform)

Phase 3: Completion

log_session_ended('completed', 'Design work complete')
end_session('completed', 'Success')

See Also

/devteam:design-drift - Check for design inconsistencies
/devteam:implement - Implement designed components
/devteam:plan - Create plans that include design tasks