codeapps-toolkit

CodeApps Toolkit

Comprehensive toolkit for Power Apps Code Apps development with specialized agents, agent skills and sub-agents, and code generation tools.

---

Overview

The CodeApps Toolkit is a Claude Code plugin that provides specialized agents, sub-agents for workflow automation, and code generation tools for building Power Apps Code Apps—custom web applications built with React + TypeScript that run within Power Apps using the Power Platform SDK.

Prerequisites

Before installing the CodeApps Toolkit, ensure you have the following:

Required

• Node.js (LTS version 18.x or higher)
• Power Platform CLI (PAC CLI) (latest version)
  • Download: https://aka.ms/PowerPlatformCLI
  • Verify with: pac
• Git (for cloning the plugin)
• Power Platform Environment with Code Apps feature enabled
  • Enable Code Apps on your environment
• Power Apps Premium License (required for Code Apps)

Recommended

• Visual Studio Code with Power Platform Tools extension
• Microsoft 365 Developer Account (for testing)
• Basic knowledge of React and TypeScript

Verify Prerequisites

# Check Node.js version
node --version  # Should be v18.x or higher

# Check PAC CLI installation
pac             # Should show version info and available commands

# Check Git installation
git --version

# Authenticate with Power Platform
pac auth list

Features

Templates & Scripts

Code generation skills include production-ready TypeScript templates with:

• Service Layer Templates: Dataverse and connector patterns with best practices built-in
• React Query Templates: Complete hooks with proper cache management
• Component Templates: Fluent UI v9 list views and forms
• Validation Scripts: Automated checks for common issues
• Working Examples: Complete reference implementations (1,600+ lines)

Specialized Agents

• codeapps-expert: Coordinator agent for orchestrating workflows
• codeapps-init: Project initialization specialist
• codeapps-dataverse: Dataverse integration specialist
• codeapps-connector: Power Platform connector specialist
• codeapps-deploy: Deployment and ALM specialist

Agent Skills

• init-codeapp: Initialize new projects with proper configuration
• add-datasource: Add Dataverse tables or connectors
• deploy-codeapp: Deploy to Power Platform with validation

Code Generation Skills

• gen-service: Generate service layer wrappers
• gen-hook: Generate React Query hooks
• gen-component: Generate Fluent UI v9 components

Troubleshooting & Validation

• fix-codeapp-issue: Diagnose and fix common issues
• codeapps-validator: Comprehensive project validation
• build-lint-validator: TypeScript and ESLint validation

Installation

CodeApps Toolkit is a Claude Code plugin. Install it once and use it across all your projects.

Quick Install (Git)

# Windows
git clone https://github.com/ramakrishnan24689/codeapps-toolkit.git "%USERPROFILE%\.claude\plugins\codeapps-toolkit"

# macOS/Linux
git clone https://github.com/ramakrishnan24689/codeapps-toolkit.git ~/.claude/plugins/codeapps-toolkit

Restart Claude Code to load the plugin.

Verify Installation

/plugin

You should see codeapps-toolkit listed with status information.

Local Development Testing

If you're developing or testing the plugin locally:

# Test plugin from a local directory
claude --plugin-dir ./codeapps-toolkit

# Or test multiple plugins
claude --plugin-dir ./codeapps-toolkit --plugin-dir ./another-plugin

Quick Start

Create a New Code App

/init-codeapp my-todo-app

Or simply ask:

Initialize a new Code App called todo-app

What happens:

1. Creates project from official Microsoft template
2. Configures package.json for dual-server development
3. Sets up vite.config.ts with base: './' (critical for deployment)
4. Runs pac code init to register with Power Platform
5. Validates entire setup

Add a Data Source

Add Dataverse Table:

/add-datasource dataverse account

Add Power Platform Connector:

/add-datasource connector shared_office365users <connection-id>

Or ask naturally:

Add the Contacts Dataverse table
Connect to Office 365 Users