Receber por email
← Voltar para o catálogo

team-shinchan:frontend

Use when you need frontend development for UI components, React, CSS, or styling.

8estrelas
Atualizado há 3 meses

Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add seokan-jeong/team-shinchan

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/team-shinchan-frontend/svg)](https://www.skillteca.com.br/skills/team-shinchan-frontend)

Alerta por categoria

Receba novas skills de Design e Frontend toda segunda

1 email curto, só com as skills novas de Design e Frontend. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

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.

Compartilhar X LinkedIn