Add a marketplace: /plugin marketplace add . Then add the config to /plugin install wd@ . Finally, /plugin in Claude Code.

wd is categorized under Development. It covers: agent, webdev, web-development, react, nextjs, vue, typescript, frontend.

wd

New

39Community RegistryDevelopmentby Para CC-France · MIT

Intelligent web development framework with 22 specialized commands, 5 expert agents, 11 AI personas, and complete orchestration system for React, Next.js, Vue, and more

First seen 6/1/2026

Summary

js, Vue, and TypeScript applications.

It includes a complete orchestration system for managing complex frontend workflows, from project setup to deployment, making it invaluable for developers seeking efficiency and best practices.

Install & Usage

Add a marketplace

/plugin marketplace add <org/repo>

Install the plugin

Add the configuration to /plugin install wd@<marketplace>

Manage with /plugin

/plugin

Use Cases

Scaffold a new Next.js project with TypeScript and Tailwind CSS in seconds.

Generate a complete React component with props, state, and unit tests.

Debug and optimize a Vue.js application using performance analysis commands.

Set up a full CI/CD pipeline for a frontend project with linting and testing.

Refactor legacy JavaScript code to TypeScript with type definitions.

Create a responsive layout with reusable components using the orchestration system.

Usage Examples

/wd init nextjs --typescript --tailwind

/wd generate component Button --props 'label: string, onClick: () => void'

/wd analyze performance --path ./src --report

View source on GitHub

agentwebdevweb-developmentreactnextjsvuetypescriptfrontend

Security Audits

LicensePassSourceWarnRepositoryPass

Frequently Asked Questions

What is wd?

The wd skill is a comprehensive web development framework that provides 22 specialized commands, 5 expert agents, and 11 AI personas to streamline building React, Next.js, Vue, and TypeScript applications. It includes a complete orchestration system for managing complex frontend workflows, from project setup to deployment, making it invaluable for developers seeking efficiency and best practices.

How to install wd?

To install wd: add a marketplace (/plugin marketplace add <org/repo>), then add the config to /plugin install wd@<marketplace>. Finally, /plugin in Claude Code.

What is wd best for?

wd is a plugin categorized under Development. It is designed for: agent, webdev, web-development, react, nextjs, vue, typescript, frontend. Created by Para CC-France.

What can I use wd for?

wd is useful for: Scaffold a new Next.js project with TypeScript and Tailwind CSS in seconds.; Generate a complete React component with props, state, and unit tests.; Debug and optimize a Vue.js application using performance analysis commands.; Set up a full CI/CD pipeline for a frontend project with linting and testing.; Refactor legacy JavaScript code to TypeScript with type definitions.; Create a responsive layout with reusable components using the orchestration system..