🎨
FrontendTypeScript

Team Frontend

by catlog22

Team Frontend is a Frontend skill for Claude Code, published by catlog22 in Claude-Code-Workflow.

2.1K stars164 forkson catlog22/Claude-Code-WorkflowAdded 2026/08/18Repository updated 2026/06/18
claudeclaude-codecli-toolscodexcontext-managementgemini-clijson-drivenqwen-codetask-orchestrationworkflow-automation
Install in seconds
Install Team Frontend
Copy Team Frontend into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/catlog22/Claude-Code-Workflow/tree/main/.claude/skills/team-frontend ~/.claude/skills/team-frontend

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/catlog22/Claude-Code-Workflow.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
.claude/skills/team-frontend/SKILL.md in catlog22/Claude-Code-Workflow
Installs to
~/.claude/skills/team-frontend
Collection
One of 25 skills cataloged from this repository
Category
Frontend567 skills

What Team Frontend does

Team Frontend coordinates a multi-agent frontend development workflow, covering requirement analysis, design system generation, implementation, and QA. Use it for end-to-end frontend tasks with built-in ui-ux-pro-max design intelligence.

Team Frontend is cataloged under Frontend on DirSkills. Team Frontend comes from a repository tagged claude, claude-code, cli-tools, codex and context-management.

Documentation

README

Team Frontend Development

Unified team skill: frontend development with built-in ui-ux-pro-max design intelligence. Covers requirement analysis, design system generation, frontend implementation, and quality assurance. Built on team-worker agent architecture — all worker roles share a single agent definition with role-specific Phase 2-4 loaded from role.md specs.

Architecture

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Team Frontend

  • What else does catlog22 publish alongside Team Frontend?

    Team Frontend is one of 25 skills that DirSkills catalogs from catlog22/Claude-Code-Workflow, the repository it ships in. Its siblings there include Brainstorm, CCW Chain and CCW Help. Each one is a separate skill with its own page in this directory, installs the same way Team Frontend does, and is maintained by catlog22 in that same repository. The rest of the collection is listed on the catlog22/Claude-Code-Workflow page.

  • How does Team Frontend compare to other Frontend skills?

    Team Frontend ranks #234 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Team Frontend against them. Open each page to compare what they document and how they install.

More from catlog22/Claude-Code-Workflow

Team Frontend is one of 25 skills cataloged on DirSkills from catlog22/Claude-Code-Workflow.

See all 25 skills
🧠
2w ago

Brainstorm

Brainstorm is a unified brainstorming skill that guides Claude Code through interactive framework generation, parallel multi-role analysis, and cross-role synthesis. Use it when you need structured ideation, role-based analysis, or feature specifications for a project.
AI Engineering
2.1K164
⛓️
2w ago

CCW Chain

CCW Chain orchestrates chain-based workflows through intent analysis, routing, and progressive skill pipeline execution. Use it to route tasks to workflow chains and execute multi-step Claude Code workflows.
Automation
2.1K164
🔍
2w ago

CCW Help

CCW Help provides an in-context help system for the CCW workflow, allowing users to search commands, get recommendations, and browse skills and teams. It triggers on keywords like ccw-help and ccw-issue.
Automation
2.1K164
🔍
2w ago

Delegation Check

Delegation Check validates workflow delegation prompts against agent role definitions to detect content separation violations. Use it to catch conflicts, duplication, boundary leaks, and missing contracts in Claude Code skills.
AI Engineering
2.1K164
🐞
2w ago

Frontend Debug Team

Frontend Debug Team orchestrates multi-agent frontend debugging using Chrome DevTools MCP, with dual pipelines for feature-list testing and bug-report debugging.
Quality
2.1K164
🔍
2w ago

Investigate

Investigate is a systematic debugging skill that enforces the Iron Law: never fix without a confirmed root cause. It walks through 5 phases from evidence collection to verified fix, producing structured debug reports.
Quality
2.1K164