Skip to content
UXClaim
Design Ops

AI Toolbox

Claude Code plugin with 13+ skills for code review, accessibility audits, design systems, and end-to-end feature planning backed by ClickUp.

View source More in Design Ops

What it does

AI Toolbox is a Claude Code plugin and OpenCode pack that provides a curated set of AI-powered skills and agents for software teams. It automates critical workflows across code quality, accessibility, design systems, and feature planning.

How it works

The toolbox operates through two interfaces:

Skills are direct / commands you invoke in Claude Code for specific tasks: code review, security audits, a11y checks, project initialization, design system documentation, and feature planning.

Agents follow an orchestrator architecture. The default orchestrator analyzes your natural language request and routes to specialized sub-agents (planning, implementation, design system, PR creation) — no manual routing needed.

Key workflows

  • Project Init: Scans your codebase and generates stack documentation
  • Code Review: Two-phase review with fast pre-commit checks and deep structural audits
  • Accessibility Audit: WCAG 2.2 compliance checks for web and mobile
  • Feature Planning: End-to-end discovery and task decomposition with ClickUp integration
  • Design System: Audits and sets up design documentation and Storybook
  • Security & Compliance: Dependency audits and security diff reviews

Who benefits

Design leaders and technical teams automating QA gates, accessibility enforcement, design documentation, and sprint planning. Integrates with GitHub and ClickUp for seamless workflow handoff.

Frequently asked questions

What is AI Toolbox and how do I use it?
AI Toolbox is a Claude Code plugin with 13+ reusable skills and agents. Use natural language ("plan this feature") and the orchestrator routes automatically, or invoke specific `/skills` directly when you know exactly what you need. It automates code review, accessibility audits, design system documentation, and feature planning with ClickUp integration.
How do I install AI Toolbox?
Install Claude Code CLI, clone the ai-toolbox repository, run `pnpm install` in both `learn-tool/` and `analytics-tool/` directories, then configure your Claude Code client to point to the local repository path. You'll also need GitHub and ClickUp API tokens for full functionality.
What skills does AI Toolbox include?
13 skills: init-project (stack detection), code-review (SOLID/DRY/KISS audits), security-auditor, a11y-auditor (WCAG 2.2), feature-discovery, plan-expert (task decomposition), design-expert, design-system-docs, design-system-setup, planning-features, create-pr, implement-task, and analytics-closeout.
Does AI Toolbox integrate with ClickUp and GitHub?
Yes. Skills like feature-discovery, plan-expert, and implement-task create and read ClickUp tickets automatically. The create-pr skill generates GitHub PRs with auto-populated templates, detects stakeholders from CODEOWNERS, and builds test plans from diffs.
How does accessibility auditing work in AI Toolbox?
The `/a11y-auditor` skill reviews code or components against WCAG 2.2 (levels A, AA, AAA). It auto-detects whether your stack is web or mobile and flags accessibility barriers accordingly. It runs conditionally during PR creation for UI-focused diffs.
Can I use AI Toolbox for design system documentation?
Yes. The `/design-expert` scans your codebase for design tokens, typography, spacing, and component patterns, then generates or updates a DESIGN.md file. The `/design-system-docs` skill audits Storybook quality or creates an implementation plan if absent.
What happens when I run the orchestrator agent?
The orchestrator analyzes your request, recalls project context via the NKN MCP server, classifies intent (new_feature, implementation, design_system, etc.), and routes to the best sub-agent. It always runs first and responds last, coordinating the full workflow.
Does AI Toolbox work without ClickUp?
Yes. Skills can output local task lists and markdown files instead of creating ClickUp tickets. GitHub integration is optional too — you can use code-review, a11y-auditor, and other standalone skills without external accounts, though full automation requires GitHub and ClickUp tokens.

Glossary

Orchestrator
The default entry point agent that analyzes user requests, recalls project context, classifies intent, and routes to specialized sub-agents. Always runs first and responds last.
NKN (Neural Knowledge Network)
AI Toolbox's memory system using SQLite, accessed via MCP server. Stores project learnings, decisions, and context so agents recall past insights across sessions.
MCP (Model Context Protocol)
Standard protocol enabling Claude to call external tools and servers. AI Toolbox uses MCP for ClickUp API, GitHub, and its own NKN memory system.
Skill
A reusable workflow invoked with a `/` command in Claude Code. Independent, focused tasks like code-review, a11y-auditor, or feature-discovery that work standalone or within agent orchestration.
WCAG 2.2
Web Content Accessibility Guidelines 2.2 — the international standard for web accessibility with three conformance levels (A, AA, AAA). AI Toolbox audits against all three levels.

More in Design Ops

All →
Design Ops

AI Atelie

Local-first, open-source design tool. Bring your own AI agent (Claude Code, Kimi, Codex). Generate designs as HTML/JSX/CSS folders with instant tweaks, inspe...

aiatelie
Design Ops

Architect Playbook

Self-improving Claude Code audit skills for TypeScript/React codebases covering architecture, security, accessibility, performance, testing, and more.

BenSheridanEdwards
Design Ops

Chrome DevTools Skill

Browser debugging, automation, performance analysis, accessibility auditing, and LCP optimization for Claude Code without MCP server setup.

ddfourtwo
Design Ops

Claude Canvas

AI-orchestrated visual production for Obsidian Canvas. Create presentations, flowcharts, mood boards, and knowledge graphs with intelligent layout.