Skip to skills
AI Craft Pad
Home/Skills/Agent Stacks
AI Craft Pad Agent Stacks

Web Developer Stack

Build a small web feature, inspect it in a browser and review the change.

Start with the job

Start with a concrete acceptance test and a disposable project. Use a browser connection for visible validation only when the client and site permissions fit your task. Keep repository writes separate from inspection.

These are discovery candidates selected by task words, category, available source evidence and score. They are not tested integrations or a claim that you need all three. Unknown compatibility may be excluded by your agent filter.

1. Choose task instructions

Design & UX85/100

react email

resend/resend-skills

A React-based email template workflow with preview, rendering and delivery considerations.

First-party sourceMITEditorial review

Repository star change: +0 over 26.7 hours. 2026-11-01

208 repo stars2 text flagsReview ↗
Development83/100

react vite dashboard

google-labs-code/stitch-skills

Build a React and Vite dashboard from Stitch screens while preserving design tokens and usable data states.

First-party sourceApache-2.0Editorial review
8,649 repo stars2 text flagsReview ↗
Development87/100

react best practices

sickn33/agentic-awesome-skills

Explore react best practices as a development workflow from sickn33/agentic-awesome-skills. Compare its source, maintenance and review signals before choosing it for your agent.

Community sourceMIT4 matching source records

Repository star change: +78 over 26.7 hours. 2026-11-01

48,936 repo stars0 text flagsReview ↗

2. Consider an optional bundle

A plugin may already bundle skills and MCP connections. Inspect its components before adding separate capabilities.

Design & UX75/100

frontend design

anthropics/claude-plugins-official · Plugin

A Claude Code plugin for turning a visual brief into frontend implementation, with a bundled design skill rather than a separate browser connection.

Manifest metadataApache-2.0Editorial review
45,633 repo stars0 metadata flagsReview ↗
Development67/100

frontend web dev

github/awesome-copilot · Plugin

Explore frontend-web-dev as an agent plugin package for development. Review its supported format, bundled components and setup requirements before installing.

Manifest metadataMIT
40,648 repo stars1 metadata flagReview ↗
Development75/100

code to prd

alirezarezvani/claude-skills · Plugin

Explore code-to-prd as an agent plugin package for development. Review its supported format, bundled components and setup requirements before installing.

Manifest metadataMIT
29,099 repo stars1 metadata flagReview ↗

3. Connect tools only if needed

Match transport, credentials, service terms and permissions. Skip this role when the task works with local inputs.

Testing & QA75/100

playwright mcp

microsoft/playwright-mcp · MCP server

An MCP browser-automation connection for inspecting page structure and performing reviewable actions in a controlled browser session.

Registry metadataApache-2.0Editorial review
38,927 repo stars1 metadata flagReview ↗
Testing & QA8/100

Playwright E2E MCP

xsignon-secure/E2E · MCP server

Explore Playwright E2E MCP as an MCP connection for testing & qa. Compare the declared transport, package requirements and source evidence before connecting an agent.

Registry metadataUnknown
Unknown repo stars1 metadata flagReview ↗
Testing & QA8/100

playwright report mcp

hubertgajewski/playwright-report-mcp · MCP server

Explore playwright-report-mcp as an MCP connection for testing & qa. Compare the declared transport, package requirements and source evidence before connecting an agent.

Registry metadataUnknown
Unknown repo stars1 metadata flagReview ↗

Validate the combination

  1. Inspect each pinned source and its license.
  2. Check duplicated instructions, MCP connections and permission scopes.
  3. Try one capability at a time on disposable input.
  4. Record the result and remove unneeded access.

Compare selected candidates · Skills setup guide