New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Fullstack Webapp

by revfactory in revfactory/harness-100

A full development pipeline where an agent team collaborates to develop fullstack web apps through requirements analysis, design, frontend, backend, testing, and deployment.

Apache-2.0Auto-check passedMobile

Install Fullstack Webapp

skills CLI
$ npx skills add revfactory/harness-100 --skill fullstack-webapp -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install revfactory/harness-100 fullstack-webapp --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/revfactory/harness-100.git skills-src && mkdir -p .claude/skills && cp -r skills-src/en/16-fullstack-webapp/.claude/skills/fullstack-webapp .claude/skills/fullstack-webapp && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
fullstack-webapp
GitHub stars
1.3k
Token cost
~1.8k tokens
SKILL.md length
729 words
Files
1
Skills in repo
464
Repo updated
First seen
Licence
Apache-2.0

At a glance

A full development pipeline where an agent team collaborates to develop fullstack web apps through requirements analysis, design, frontend, backend, testing, and deployment.

  • Works in 3 steps: Preparation (performed directly by the… → Team Assembly and Execution → Integration and Final Deliverables
  • Requests like build me a web app
  • SKILL.md covers Execution Mode, Agent Composition, Workflow and Scale-Based Modes, plus 4 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Fullstack Webapp is an agent skill from revfactory/harness-100. A full development pipeline where an agent team collaborates to develop fullstack web apps through requirements analysis, design, frontend, backend, testing, and deployment. Use this skill for requests like 'build me a web app', 'web service development', 'SaaS development', 'CRUD app', 'build a dashboard', 'admin page', 'signup/login feature', 'REST API development', 'fullstack project', 'Next.js app', and other general web application development. Also supports feature additions and refactoring for existing…

Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Mobile, covering Cross-platform mobile apps, Fine-tuning and Game development. It works with Next.js, Flutter and React Native. The licence is Apache-2.0.

When your agent uses it

  • Requests like build me a web app
  • Web service development
  • SaaS development
  • Build a dashboard

Example prompts

  • “build me a web app”
  • “web service development”
  • “SaaS development”
  • “/fullstack-webapp”

Requirements

  • Docker

Workflow steps

3 steps, taken from the step headings in SKILL.md.

  1. Preparation (performed directly by the orchestrator)
  2. Team Assembly and Execution
  3. Integration and Final Deliverables

What it can do on your machine

Read from SKILL.md and the folder at commit 8e8d35c. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Fullstack Webapp loads about 1.8k tokens when it runs. Until then it costs about 172 tokens; SKILL.md has 729 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~172
When it runs · the whole SKILL.md, loaded when a task matches
~1.8k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from revfactory/harness-100 at commit 8e8d35c, republished under its Apache-2.0 licence (© revfactory). 729 words, ~1,816 tokens.

Download SKILL.mdSave it as .claude/skills/fullstack-webapp/SKILL.md (or your agent's skills folder).
name
fullstack-webapp
description
A full development pipeline where an agent team collaborates to develop fullstack web apps through requirements analysis, design, frontend, backend, testing, and deployment. Use this skill for requests like 'build me a web app', 'web service development', 'SaaS development', 'CRUD app', 'build a dashboard', 'admin page', 'signup/login feature', 'REST API development', 'fullstack project', 'Next.js app', and other general web application development. Also supports feature additions and refactoring for existing codebases. However, mobile apps (React Native/Flutter), desktop apps (Electron), game development, and ML/AI model training are outside this skill's scope.

Fullstack Web App — Fullstack Web App Development Pipeline

An agent team collaborates to develop web apps through the pipeline of requirements → design → frontend → backend → testing → deployment.

Execution Mode

Agent Team — 5 agents communicate directly via SendMessage and cross-verify.

Agent Composition

AgentFileRoleType
architect.claude/agents/architect.mdRequirements, architecture, DB, API designgeneral-purpose
frontend-dev.claude/agents/frontend-dev.mdReact/Next.js frontend implementationgeneral-purpose
backend-dev.claude/agents/backend-dev.mdAPI, DB, auth, business logicgeneral-purpose
qa-engineer.claude/agents/qa-engineer.mdTest strategy, test code, code reviewgeneral-purpose
devops-engineer.claude/agents/devops-engineer.mdCI/CD, infrastructure, deployment, monitoringgeneral-purpose

Workflow

Phase 1: Preparation (performed directly by the orchestrator)
  1. Extract from user input:
    • App Description: Purpose and core features of the web app to build
    • Technology Stack (optional): Preferred frameworks/libraries
    • Scale (optional): MVP/small/medium/large
    • Existing Code (optional): Existing project to extend
    • Deployment Platform (optional): Vercel/AWS/Docker, etc.
  2. Create _workspace/ directory at the project root
  3. Organize input and save to _workspace/00_input.md
  4. If existing code is provided, analyze it and adjust relevant phases
  5. Determine execution mode based on request scope (see "Scale-Based Modes" below)
Phase 2: Team Assembly and Execution

Assemble the team and assign tasks. Task dependencies are as follows:

OrderTaskOwnerDependenciesDeliverables
1Architecture DesignarchitectNone01_architecture.md, 02_api_spec.md, 03_db_schema.md
2aFrontend DevelopmentfrontendTask 1src/ frontend code
2bBackend DevelopmentbackendTask 1src/ backend code
2cDeployment SetupdevopsTask 105_deploy_guide.md, CI/CD config
3Testing & ReviewqaTasks 2a, 2b04_test_plan.md, 06_review_report.md, test code

Tasks 2a (frontend), 2b (backend), and 2c (DevOps) run in parallel. All depend only on Task 1 (design).

Inter-team Communication Flow:

  • architect completes → delivers component structure/routing to frontend, API/DB/auth to backend, infrastructure requirements to devops, functional requirements to qa
  • frontend ↔ backend: Real-time communication during API integration (endpoint changes, error formats, etc.)
  • devops completes → shares environment variables and deployment URLs with all
  • qa reviews all code and tests. On 🔴 required fix: requests fix from the relevant developer → rework → re-verify (max 2 rounds)
Phase 3: Integration and Final Deliverables

Organize final deliverables based on the QA review:

  1. Verify all code and documents
  2. Confirm all 🔴 required fixes from the review have been addressed
  3. Report final summary to the user:
    • Architecture Design — _workspace/01_architecture.md
    • API Specification — _workspace/02_api_spec.md
    • DB Schema — _workspace/03_db_schema.md
    • Test Plan — _workspace/04_test_plan.md
    • Deployment Guide — _workspace/05_deploy_guide.md
    • Review Report — _workspace/06_review_report.md
    • Source Code — src/ directory

Scale-Based Modes

Adjust the agents deployed based on the scope of the user's request:

Request PatternExecution ModeDeployed Agents
"Build me a web app", "fullstack development"Full PipelineAll 5
"Just build the API"Backend Modearchitect + backend + qa
"Just build the frontend" (API exists)Frontend Modearchitect + frontend + qa
"Refactor this code"Refactoring Modearchitect + relevant developer + qa
"Just set up deployment"DevOps Modedevops alone

Leveraging Existing Code: If the user provides existing code, the architect analyzes it to identify extension points and deploys only the necessary agents.

Show full SKILL.md (262 more words)Show less

Data Transfer Protocol

StrategyMethodPurpose
File-based_workspace/ + src/Design documents + source code
Message-basedSendMessageAPI integration issues, code review, fix requests
Task-basedTaskCreate/TaskUpdateProgress tracking, dependency management

Error Handling

Error TypeStrategy
Ambiguous requirementsApply the most common CRUD pattern, document assumptions
Unspecified tech stackApply default stack by scale (MVP: Next.js + SQLite)
Build errorsAnalyze error logs → relevant developer fixes → QA re-verifies
Agent failureRetry once → proceed without that deliverable if failed, note in review
🔴 found in reviewRequest fix from relevant developer → rework → re-verify (max 2 rounds)

Test Scenarios

Normal Flow

Prompt: "Build me a to-do management web app. I need signup/login, to-do CRUD, and category classification features." Expected Result:

  • Architecture: Next.js + Prisma + SQLite, ERD (users, todos, categories), 10+ API specs
  • Frontend: Login/signup pages, dashboard, to-do CRUD UI, responsive
  • Backend: Auth API, CRUD API, input validation, error handling
  • Tests: Auth + CRUD test scenarios, 80% coverage target
  • Deployment: Vercel deployment guide, GitHub Actions CI/CD
Existing Code Flow

Prompt: "Add payment functionality to this Next.js project" + existing code Expected Result:

  • architect analyzes existing code, designs payment-related API/DB
  • backend adds payment API, frontend adds payment UI
  • qa tests payment flow
Error Flow

Prompt: "Build me a simple web app" Expected Result:

  • Ambiguous requirements → architect proposes a basic CRUD app (memos/notes)
  • MVP scale default stack (Next.js + SQLite) applied
  • Review report notes "assumptions applied due to vague requirements"

Agent Extension Skills

Extension skills that enhance each agent's domain expertise:

SkillTarget AgentRole
component-patternsfrontend-devReact/Next.js component patterns, state management strategies, folder structure
api-security-checklistbackend-devOWASP Top 10, auth patterns, security headers, Rate Limiting

© revfactory, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in en/16-fullstack-webapp/.claude/skills/fullstack-webapp of revfactory/harness-100.

Open the folder on GitHubat commit 8e8d35c

Compare with similar skills

Fullstack Webapp next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Fullstack Webapp compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Fullstack Webapp this skillrevfactory/harness-1001.3k—~1.8kAutomated safety check: PassApache-2.0
Remote API DevelopmentFNOSP/FlyNarwhal495—~1.3kAutomated safety check: PassMIT
Amplify Workflowawslabs/agent-plugins912—~3.2kAutomated safety check: PassApache-2.0
AWS Amplifyaws/agent-toolkit-for-aws2.8k—~3.9kAutomated safety check: PassApache-2.0
React Nativeericrisco/rsc-harness156—~3kAutomated safety check: PassMIT
Frontend Designavibebuilder/claude-prime120—~2.1kAutomated safety check: PassMIT

Similar skills

  • Remote API Development

    FNOSP/FlyNarwhal

    A skill your agent uses when adding, modifying, or refactoring any remote/HTTP API call in this Flutter project.

    495 GitHub stars~1.3k tokensUpdated today
    MobileAuto-check passed

  • Amplify Workflow

    awslabs/agent-plugins

    Official

    Build and deploy full-stack web and mobile apps with AWS Amplify Gen2 (TypeScript code-first).

    912 GitHub stars~3.2k tokensUpdated yesterday
    MobileAuto-check passed

  • AWS Amplify

    aws/agent-toolkit-for-aws

    Official

    Build and deploy full-stack web and mobile apps with AWS Amplify Gen2 (TypeScript code-first).

    2.8k GitHub stars~3.9k tokensUpdated today
    MobileAuto-check passed

  • React Native

    ericrisco/rsc-harness

    A skill your agent uses when writing the JS/TS inside a React Native or Expo app — screens, Expo Router navigation, lists, Reanimated gestures, platform forks, offline state, native modules — or…

    156 GitHub stars~3k tokensUpdated today
    MobileAuto-check passed

  • Frontend Design

    avibebuilder/claude-prime

    Builds distinctive, production-grade UIs that avoid generic AI aesthetics.

    120 GitHub stars~2.1k tokensUpdated 4 mo ago
    Frontend & DesignAuto-check passed

  • Layered Architecture

    VeryGoodOpenSource/vgv-ai-flutter-plugin

    VGV layered monorepo architecture in Flutter: four layers Data, Repository, Business Logic, and Presentation, unidirectional dependency rules, and model transformation across layers.

    169 GitHub stars~4.6k tokensUpdated yesterday
    MobileAuto-check passed

More from revfactory/harness-100

All 464 skills in this repo

  • Anti Bot Analyzer

    revfactory/harness-100

    A skill for analyzing website anti-bot defense mechanisms and developing legitimate evasion strategies.

    1.3k GitHub stars~1.1k tokensUpdated 6 mo ago
    Auto-check passed

  • API Error Design Patterns

    revfactory/harness-100

    Reference for designing how an API reports failures: structured error codes, response shapes, client-friendly messages, an error catalog and retry or fallback advice.

    1.3k GitHub stars~1.6k tokensUpdated 6 mo ago
    Auto-check passed

  • API Security Checklist

    revfactory/harness-100

    Walks a backend-dev agent through OWASP API Top 10 checks, authentication and authorization patterns, and defense code during API design.

    1.3k GitHub stars~1.7k tokensUpdated 6 mo ago
    Auto-check passed

  • Arg Parser Generator

    revfactory/harness-100

    Methodology for systematically designing and generating CLI tool argument parser structures.

    1.3k GitHub stars~1.2k tokensUpdated 6 mo ago
    Auto-check passed

  • Audience Segmentation

    revfactory/harness-100

    Audience segmentation skill used by the analyst and curator agents.

    1.3k GitHub stars~1.3k tokensUpdated 6 mo ago
    Auto-check passed

  • Audio Storytelling

    revfactory/harness-100

    Audio storytelling skill used by the podcast scriptwriter and show note editor.

    1.3k GitHub stars~1.6k tokensUpdated 6 mo ago
    Auto-check passed

Works with

Categories

Questions about Fullstack Webapp

What does Fullstack Webapp do?

A full development pipeline where an agent team collaborates to develop fullstack web apps through requirements analysis, design, frontend, backend, testing, and deployment. Fullstack Webapp is an agent skill from revfactory/harness-100. A full development pipeline where an agent team collaborates to develop fullstack web apps through requirements analysis, design, frontend, backend, testing, and deployment.

When should I use Fullstack Webapp?

Fullstack Webapp fits situations like: requests like build me a web app; web service development; saaS development; build a dashboard.

How do I install Fullstack Webapp in Claude Code?

Run `npx skills add revfactory/harness-100 --skill fullstack-webapp -a claude-code`. Or copy the skill folder (en/16-fullstack-webapp/.claude/skills/fullstack-webapp in revfactory/harness-100) into .claude/skills/fullstack-webapp in your project. Claude Code loads it when a task matches its description.

How do I install Fullstack Webapp in Codex?

Run `npx skills add revfactory/harness-100 --skill fullstack-webapp -a codex`. Or copy the skill folder (en/16-fullstack-webapp/.claude/skills/fullstack-webapp in revfactory/harness-100) into .agents/skills/fullstack-webapp in your project. Codex loads it when a task matches its description.

Can I use Fullstack Webapp in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add revfactory/harness-100 --skill fullstack-webapp -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/fullstack-webapp, .gemini/skills/fullstack-webapp, .github/skills/fullstack-webapp and .opencode/skills/fullstack-webapp in your project.

What does Fullstack Webapp need to run?

SKILL.md names no scripts, command-line tools or credentials: Fullstack Webapp is instructions for the agent only. Our summary lists: Docker.

Does Fullstack Webapp access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Fullstack Webapp safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Fullstack Webapp use?

Fullstack Webapp is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Fullstack Webapp use?

About 1.8k tokens (SKILL.md is roughly 7.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Fullstack Webapp?

Skills that share tags, products or a category with Fullstack Webapp: Remote API Development (FNOSP/FlyNarwhal, 495 stars), Amplify Workflow (awslabs/agent-plugins, 912 stars), AWS Amplify (aws/agent-toolkit-for-aws, 2.8k stars) and React Native (ericrisco/rsc-harness, 156 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Fullstack Webapp?

revfactory (a GitHub user) maintains it in revfactory/harness-100, which has 1,290 GitHub stars. The repository holds 464 skills in this directory. The repository was last updated on March 22, 2026.

Source: revfactory/harness-100 on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.