team-shinchan-frontend

name	team-shinchan:frontend
description	Use when you need frontend development for UI components, React, CSS, or styling.
user-invocable	false

EXECUTE IMMEDIATELY

Step 1: Validate Input

If args is empty or only whitespace:
  Ask user: "What frontend work would you like me to do?"
  STOP and wait for user response

If args length > 2000 characters:
  Truncate to 2000 characters
  Warn user: "Request was truncated to 2000 characters"

Step 1.5: Linear Sync — START (In Progress)

Before dispatching, run the START → In Progress transition per agents/_shared/linear-sync.md: detect a Linear issue in args/branch, confirm it with get_issue, and if real move it to In Progress. No-op if no Linear issue / Linear MCP unavailable — never block the work.

Step 2: Execute Task

Do not read further. Execute this Task NOW:

Task(
  subagent_type="team-shinchan:aichan",
  model="sonnet",
  prompt=`/team-shinchan:frontend has been invoked.

## Frontend Development Request

Handle frontend tasks including:

| Area | Capabilities |
|------|-------------|
| Components | React, Vue, Angular components |
| Styling | CSS, Tailwind, styled-components |
| Accessibility | WCAG compliance, a11y best practices |
| Responsive | Mobile-first, breakpoints, layouts |
| Performance | Bundle size, lazy loading, optimization |

## Implementation Requirements

- Follow existing project conventions
- Ensure responsive design
- Include accessibility attributes
- Write clean, reusable components
- Add appropriate comments for complex logic

User request: ${args || '(Please describe the frontend task)'}
`
)

After the Task returns successfully, run the FINISH → In Review transition per agents/_shared/linear-sync.md for the same issue (no-op if not Linear-based), then STOP.

STOP HERE. The above Task handles everything.