By softaworks
Build type-safe React components in TypeScript with patterns for generic props, event handlers, React 19 features like useActionState and Server Components, plus TanStack Router and React Router integrations.
npx claudepluginhub softaworks/agent-toolkit --plugin react-devSkills + Subagents for React/TypeScript - Use skills for coding guidance, or run recipe workflows for full orchestrated agentic coding with specialized agents
AI-powered generative UI with Thesys - create React components from natural language.
TypeScript development with strict typing, React patterns, and modern tooling
Frontend component development with accessibility and responsive design
TypeScript/JavaScript full-stack development with NestJS, React, and React Native
React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.
Share bugs, ideas, or general feedback.
Opinionated skills shared by @leonardocouy for improving daily work efficiency with Claude Code. Skills are packaged instructions and scripts that extend agent capabilities across development, documentation, planning, and professional workflows.
Skills follow the Agent Skills format.
๐ Installation โข ๐ Available Skills โข ๐ค Agents & Commands โข ๐ Skill Structure โข ๐ค Contributing โข ๐ License โข ๐ Links
npx skills add softaworks/agent-toolkit
This method works with multiple AI coding agents (Claude Code, Codex, Cursor, AdaL, etc.)
Run the following commands in Claude Code:
/plugin marketplace add softaworks/agent-toolkit
/plugin
Option 1: Via Browse UI
Option 2: Direct Install
# Install specific skill
/plugin install codex@agent-toolkit
/plugin install humanizer@agent-toolkit
# Install specific agent
/plugin install agent-codebase-pattern-finder@agent-toolkit
# Install specific command
/plugin install command-codex-plan@agent-toolkit
Option 3: Ask the Agent
Simply tell Claude Code:
Please install Skills from github.com/softaworks/agent-toolkit
Each skill, agent, and command is an individual plugin that can be installed separately:
agent-<name>@agent-toolkit)command-<name>@agent-toolkit)To update plugins to the latest version:
/plugin in Claude CodeYou can also Enable auto-update to get the latest versions automatically.
For Claude Code (Manual) โ Skills only
cp -r skills/<skill-name> ~/.claude/skills/
For claude.ai โ Skills only
Add skills to project knowledge or paste SKILL.md contents into the conversation.
| Category | Skill | Description |
|---|---|---|
| ๐ค AI Tools | codex | Advanced code analysis with GPT-5.2 |
| ๐ค AI Tools | gemini | Large-scale review (200k+ context) |
| ๐ค AI Tools | perplexity | Web search & research |
| ๐ฎ Meta | agent-md-refactor | Refactor bloated agent instruction files |
| ๐ฎ Meta | command-creator | Create Claude Code slash commands |
| ๐ฎ Meta | plugin-forge | Build Claude Code plugins & manifests |
| ๐ฎ Meta | skill-judge | Evaluate skill design quality |
| ๐ Documentation | backend-to-frontend-handoff-docs | API handoff docs for frontend |
| ๐ Documentation | c4-architecture | C4 architecture diagrams with Mermaid |
| ๐ Documentation | crafting-effective-readmes | Write effective README files |
| ๐ Documentation | draw-io | Create & edit draw.io diagrams |
| ๐ Documentation | excalidraw | Work with Excalidraw diagrams |
| ๐ Documentation | frontend-to-backend-requirements | Document API requirements |
| ๐ Documentation | marp-slide | Professional presentation slides |
| ๐ Documentation | mermaid-diagrams | Software diagrams with Mermaid |
| ๐ Documentation | writing-clearly-and-concisely | Clear, professional writing |
| ๐จ Design & Frontend | design-system-starter | Create design systems |
| ๐จ Design & Frontend | mui | Material-UI v7 patterns |
| ๐จ Design & Frontend | openapi-to-typescript | Convert OpenAPI to TypeScript |
| ๐จ Design & Frontend | react-dev | Type-safe React 18-19 with TypeScript |
| ๐จ Design & Frontend | react-useeffect | React useEffect best practices |
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claim