By softaworks
Generate Material-UI v7 components and patterns in React apps using sx prop for styling, theme integration, responsive design utilities, and MUI-specific hooks to accelerate UI development.
npx claudepluginhub softaworks/agent-toolkit --plugin muiCreate and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates.
Frontend component development with accessibility and responsive design
MUI Base UI unstyled React components with Floating UI. Use for accessible components, Radix UI migration, render props API, or encountering positioning, popup, v1.0 beta issues.
Premium design patterns, UX research skills, and user journey mapping for modern web applications.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Design engineering for Claude Code. Build interfaces with craft, memory, and consistency. Maintains design decisions across sessions.
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