Stats
Actions
Tags
From team-shinchan
Handles frontend component development, React/UI work, CSS/styling, accessibility, responsive design, and performance optimization via subagent.
How this skill is triggered — by the user, by Claude, or both
Slash command
/team-shinchan:frontendThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
```
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"
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)'}
`
)
STOP HERE. The above Task handles everything.
npx claudepluginhub seokan-jeong/team-shinchan --plugin team-shinchanGuides creation, editing, and verification of skills for AI coding agents using test-driven development with subagent scenarios. Use when authoring or debugging skills.