AIKit Features

Everything AIKit brings to Google Antigravity, OpenCode, Cursor, and Claude Code.

AIKit transforms your AI coding assistant into a complete development environment with visual diagramming, structured workflows, task tracking, and automated quality gates.

Supported Platforms

Platform	Status	Skills Format	Commands
🚀 Google Antigravity	Featured	Folder + `SKILL.md`	Via skills
🔵 OpenCode	Stable	Flat `.md` files	Native `/` commands
🟣 Cursor	Active	Flat `.md` files	`aikit-` prefix
🟡 Claude Code	Beta	Flat `.md` files	Native `/` commands

Features Overview

Feature	Description	Benefit
Visual Diagrams	Draw.io integration with Mermaid sync	Create diagrams 10x faster
Structured Workflows	22 built-in skills	Consistent code quality
Task Tracking	Beads integration	Never lose track of work
Quality Gates	Automatic validation	Ship with confidence
AI Agents	8 specialized types	Right agent for every job
Session Memory	Cross-session continuity	Pick up where you left off
Code Review	Automated reviews	Catch bugs early
Figma Tools	Design token extraction	Pixel-perfect implementation

1. Visual Diagrams with Draw.io

Create diagrams visually - AI generates, you refine.

What It Does

Describe in plain English → AI generates Mermaid diagram
Edit visually in Draw.io (drag, drop, connect)
Bidirectional sync with manual control
Version control with Mermaid files

Key Features

AI-Generated Diagrams:

/drawio-interact create user-authentication
# AI generates: flowchart, sequence diagram, or architecture
# Creates: mermaid/user-authentication.mmd
# Creates: .aikit/assets/drawio/user-authentication.drawio
# Opens Draw.io for visual editing

Manual Sync (Reliable):

# After editing in Draw.io, save (Cmd+S/Ctrl+S)
/drawio-interact sync-to-mmd user-authentication
# Updates Mermaid file with changes

# Or edit Mermaid directly
/drawio-interact sync-to-drawio user-authentication
# Updates Draw.io file

Perfect For:

System architecture diagrams
Flowcharts and process diagrams
API design and sequence diagrams
Database schema diagrams
Network topology diagrams

Why It Matters:

10x faster than manual Mermaid syntax
Visual editing - no syntax to remember
Version controlled - Mermaid files in git
Bidirectional - Edit in code or visually
Reliable - Deterministic conversions (no AI hallucination)

Learn more →

2. Structured Workflows (22 Skills)

Enforce best practices automatically.

What It Does

Skills ensure every task follows proven workflows - no shortcuts, no forgotten steps.

Popular Skills

Development:

TDD - Test-driven development (RED → GREEN → REFACTOR)
Refactoring - Code cleanup with quality checks
Error Handling - Robust error management patterns
State Management - React/Redux/state patterns

Testing:

Unit Testing - Isolated component tests
Integration Testing - Cross-component tests

Design:

API Design - RESTful API best practices
Component Design - React/Next.js component patterns
Database Design - Schema design and relationships

Review:

Code Review - Automated quality and security checks
Security Audit - Vulnerability detection

How It Works:

/use_skill "test-driven-development"
> Implement user authentication
# Agent follows TDD workflow automatically:
# 1. Write failing test
# 2. Implement feature
# 3. Refactor code
# 4. Run tests
# Cannot skip steps - workflow enforced

Why It Matters:

✅ Consistent quality across team
✅ No forgotten steps
✅ Best practices embedded
✅ Reduces AI errors

Explore all 22 skills →

3. Task Tracking with Quality Gates

Ship features with confidence.

What It Does

Track every feature, bug fix, and task with automatic quality verification before completion.

Workflow

/create Add user authentication
# Creates task in .beads/

/plan authentication system
# Generates implementation plan

/implement
# Updates status to in-progress

/finish
# Runs quality gates:
# ✅ TypeScript type checking
# ✅ All tests pass
# ✅ Linting passes
# ✅ Build succeeds
# Only completes if ALL pass

Quality Gates (Automatic)

What /finish Checks:

Type checking - npm run typecheck (no errors)
Tests - npm run test (all pass)
Linting - npm run lint (no warnings)
Build - npm run build (succeeds)
Regressions - No broken tests

Why It Matters:

Without: Bugs slip into production, forgotten checks, inconsistent quality
With: Zero surprises, automatic verification, consistent quality

Learn about Beads →

4. Specialized AI Agents (8 Types)

Right agent for the right job.

Agent Types

Agent	Purpose	When to Use
@planner	Strategic planning	Complex features requiring coordination
@build	Feature implementation	Standard development work
@rush	Quick fixes	Hotfixes, urgent bugs
@review	Code review	Quality checks, security audits
@scout	External research	Docs, GitHub, npm packages
@explore	Codebase navigation	Find patterns, understand structure
@vision	Multimodal analysis	Images, PDFs, diagrams
@one-shot	Autonomous execution	End-to-end task completion

Automatic Delegation

@planner Design microservices architecture
# @planner analyzes requirements
# Delegates to @scout for research
# Delegates to @build for implementation
# Delegates to @review for verification
# All automatic - no manual coordination needed

Why It Matters:

✅ Optimal agent for every task
✅ Automatic delegation
✅ Specialized expertise
✅ Better quality

Meet all agents →

5. Session Continuity & Memory

Never lose context.

What It Does

Capture everything from your development session - files changed, decisions made, progress notes - and restore it instantly when you return.

Handoff Workflow

/handoff
# Saves:
# - Modified files
# - Git state (branch, commits)
# - Progress notes
# - Decisions made
# - Next steps

# ... time passes (hours, days, weeks) ...

/resume
# Restores everything
# Continue where you left off
# No "what was I doing?" confusion

Session Tracking

/session:start "auth-refactor"
# Start named session with goals

/session:update "Implemented OAuth flow"
# Add timestamped progress notes

/session:end
# Creates comprehensive summary

What Gets Saved:

✅ Files modified
✅ Git branch and commits
✅ Progress notes with timestamps
✅ Decisions and reasoning
✅ Linked Beads task
✅ Next steps and blockers

Why It Matters:

✅ Seamless collaboration
✅ Cross-day/week continuity
✅ Team handoffs work perfectly
✅ No lost context

Learn about sessions →

6. Anti-Hallucination System

Prevent AI from inventing APIs or skipping requirements.

3-Layer Protection

Layer 1: Task Validation

Validates task exists before starting
Checks .beads/ directory
Requires "in-progress" status

Layer 2: Spec Enforcement

Follows spec.md constraints
Naming conventions enforced
Forbidden patterns blocked

Layer 3: Review Gates

Documents changes in review.md
Records what was skipped
Verification steps required

Quality Gates (Hard Requirements):

✓ TypeScript: No type errors
✓ Tests: All tests pass
✓ Lint: No linting errors
✓ Build: Build succeeds

Why It Matters:

✅ Reduces AI errors by 90%
✅ Enforces project standards
✅ Prevents work on undefined tasks
✅ Ensures quality before completion

7. Code Review & Security

Automated code reviews and security audits.

Features

Automated Reviews:

/review-codebase src/auth/
# Analyzes code quality
# Checks for bugs
# Identifies security issues
# Suggests improvements

Security Audits:

SQL injection detection
XSS vulnerability checks
Authentication/authorization review
Data validation verification
Dependency vulnerability scanning

Performance Checks:

N+1 query detection
Memory leak patterns
Unnecessary re-renders
Bundle size analysis

Why It Matters:

✅ Catch bugs before production
✅ Security-first development
✅ Performance optimization
✅ Best practice enforcement

8. Figma Integration

Extract design tokens and automate implementation.

Workflow

/analyze-figma https://www.figma.com/design/...
# Extracts:
# - Color palette
# - Typography (fonts, sizes, weights)
# - Spacing system
# - Component library
# - Border radius, shadows, etc.

# Saves to memory for future use

Smart Implementation:

develop_figma_screen(figmaUrl, screenId)
// 1. Checks existing code
// 2. Downloads assets (images, icons)
// 3. Generates implementation plan
// 4. Uses downloaded assets (no placeholders)
// 5. Creates pixel-perfect UI

Why It Matters:

✅ Pixel-perfect implementation
✅ Automated asset management
✅ Design consistency
✅ 10x faster frontend development

9. Slash Commands (50+ Commands)

Quick shortcuts for every workflow.

Core Workflow Commands

Command	Purpose
`/create <task>`	Create tracked task
`/plan <feature>`	Generate implementation plan
`/implement`	Execute with TDD workflow
`/finish`	Complete with quality gates
`/handoff`	Save session context
`/resume`	Restore from handoff

Quick Action Commands

Command	Purpose
`/fix <issue>`	Quick fixes
`/fix-types`	Fix TypeScript errors
`/fix-ci`	Fix CI failures
`/commit`	Create conventional commits
`/pr`	Create pull request
`/test`	Run tests
`/lint`	Run linter

Why It Matters:

✅ One-command execution
✅ Consistent workflows
✅ Reduced cognitive load
✅ Enforced processes

All commands →

10. MCP Server Integration

Full Claude Code and OpenCode integration via Model Context Protocol.

What It Provides

Exposes via MCP:

All 22 skills (usable from Claude Code)
All 8 agents (delegation support)
50+ commands (run any command)
Session management (list, read sessions)
Memory system (read, update memory)
Task tracking (create, update tasks)

Configuration

{
  "mcpServers": {
    "aikit": {
      "command": "node",
      "args": ["/path/to/aikit/dist/mcp-server.js"]
    }
  }
}

Why It Matters:

✅ Seamless Claude Code integration
✅ Standard protocol (MCP)
✅ All AIKit features accessible
✅ Automatic tool discovery

Before vs After AIKit

Without AIKit

❌ No workflow enforcement
❌ Inconsistent code quality
❌ Manual quality checks (forgotten 50% of time)
❌ No task tracking
❌ Lost context between sessions
❌ Manual diagram creation (60+ minutes)
❌ Code reviews take 30+ minutes
❌ Onboarding new devs: 2+ weeks

With AIKit

✅ 22 structured skills (enforced workflows)
✅ Automatic quality gates (/finish)
✅ Task tracking with Beads
✅ Session continuity (handoffs + resume)
✅ Visual diagrams in 5 minutes (AI-generated)
✅ Automated code reviews (5 minutes)
✅ Onboarding: 3 days (structured workflows)

Impact Metrics

Metric	Without	With	Improvement
Workflow	Ad-hoc	22 skills	100% consistent
Quality Gates	Manual	Automatic	Never forgotten
Diagrams	60+ min	5 min	12x faster
Code Review	30+ min	5 min	6x faster
Context Switch	10+ min	0 min	Seamless
Onboarding	2 weeks	3 days	4x faster

Who Should Use AIKit?

Frontend Developers

Component design patterns State management workflows Accessibility enforcement Performance optimization Figma integration - Design tokens → code

Backend Developers

API design best practices Database schema design Error handling patterns Security audits Architecture diagrams - System design visualization

Full-Stack Developers

Visual diagrams - Architecture, flows, APIs TDD workflows Code refactoring Quality gates Session continuity

Tech Leads & Architects

Architecture visualization - Draw.io diagrams Team workflow standardization Code review automation Knowledge management (memory system)

Get Started with These Features

New to AIKit?

Quick Start Guide - Get started in 5 minutes
Installation Guide - Detailed setup
Intro - Overview and hot features

Want to Create Diagrams?

Draw.io Integration - Visual diagram editing
Design Workflow - Architecture design

Want Better Code Quality?

Quality Gates - Task tracking with /finish
TDD Workflow - Test-driven development
Code Review - Automated reviews

Want to Understand AIKit?

Skills Guide - All 22 built-in skills
Agents Guide - Meet the 8 specialized agents
Commands Reference - All 50+ commands

Summary

AIKit transforms Claude Code into a production-grade development environment with:

Visual Diagrams - Draw.io integration (10x faster)
Structured Workflows - 22 built-in skills
Task Tracking - Beads integration
Quality Gates - Automatic validation
AI Agents - 8 specialized types
Session Memory - Cross-session continuity
Code Review - Automated reviews
Figma Tools - Design token extraction
Slash Commands - 50+ quick shortcuts
MCP Server - Full Claude Code integration

Result: Ship better code, faster, with confidence.

Ready to supercharge your development workflow?

npm install -g @tdsoft-tech/aikit
aikit init --global

devices Supported Platforms

category Features Overview

brush 1. Visual Diagrams with Draw.io

What It Does

Key Features

track_changes 2. Structured Workflows (22 Skills)

What It Does

Popular Skills

task_alt 3. Task Tracking with Quality Gates

What It Does

Workflow

Quality Gates (Automatic)

smart_toy 4. Specialized AI Agents (8 Types)

Agent Types

Automatic Delegation

storage 5. Session Continuity & Memory

What It Does

Handoff Workflow

Session Tracking

verified_user 6. Anti-Hallucination System

3-Layer Protection

build 7. Code Review & Security

Features

design_services 8. Figma Integration

Workflow

terminal 9. Slash Commands (50+ Commands)

Core Workflow Commands

Quick Action Commands

settings_suggest 10. MCP Server Integration

What It Provides

Configuration

compare_arrows Before vs After AIKit

Without AIKit

With AIKit

Impact Metrics

tips_and_updates Who Should Use AIKit?

Frontend Developers

Backend Developers

Full-Stack Developers

Tech Leads & Architects

rocket_launch Get Started with These Features

New to AIKit?

Want to Create Diagrams?

Want Better Code Quality?

Want to Understand AIKit?

summarize Summary

Supported Platforms

Features Overview

1. Visual Diagrams with Draw.io

2. Structured Workflows (22 Skills)

3. Task Tracking with Quality Gates

4. Specialized AI Agents (8 Types)

5. Session Continuity & Memory

6. Anti-Hallucination System

7. Code Review & Security

8. Figma Integration

9. Slash Commands (50+ Commands)

10. MCP Server Integration

Before vs After AIKit

Who Should Use AIKit?

Get Started with These Features

Summary