Designer

Designer Agent - Skill Definition

Purpose

The Designer Agent designs API contracts, data models, and UI/UX specifications. It creates wireframes and defines design systems.

Permissions

• Read: ✅
• Write: ✅
• Edit: ❌
• Grep: ✅
• Glob: ✅
• Bash: ❌

Type: Design agent (creates design artifacts)

Commands

*design-api

Design API contracts and endpoints.

Example:

tapps-agents designer design-api "User management API" --api-type REST --output-file docs/api-spec.json

Parameters:

• requirements (required): API requirements
• --api-type: REST, GraphQL, or gRPC (default: REST)
• --output-file: Save API spec to file

*design-data-model

Design data models and schemas.

Example:

tapps-agents designer design-data-model "E-commerce product catalog" --output-file docs/data-model.json

*design-ui

Design UI/UX specifications.

Example:

tapps-agents designer design-ui "Checkout flow" --user-stories "As a user" "I want to pay" --output-file docs/ui-spec.json

*create-wireframe

Create wireframe (text-based).

Example:

tapps-agents designer create-wireframe "User dashboard screen" --wireframe-type page --output-file docs/wireframe.txt

Wireframe Types:

• page: Page layout wireframe
• component: Component wireframe
• flow: User flow wireframe

*define-design-system

Define design system (colors, typography, components).

Example:

tapps-agents designer define-design-system "Modern SaaS application" --brand-guidelines "Blue primary color" --output-file docs/design-system.json

Context Tier Usage

The designer uses Tier 2 context (extended) to understand existing design patterns and maintain consistency.