Claude Code Configs

This configuration is designed for building token-gated Model Context Protocol (MCP) servers, specifically optimized for the decentralized AI tool marketplace. It is built for use with FastMCP 3.0+ and the Radius MCP SDK 1.0+.

Key capabilities include:

• 3-Line Integration: Token-gate any tool with minimal code.
• AI-Friendly Errors: Automatically guides Claude through authentication processes.
• Security First: Includes automatic detection of private keys and unsafe patterns.
• Production Ready: Features built-in safety checks and deployment tools.

This configuration is ideal for implementing ERC-1155 token access control, creating tiered access models for AI tools, or deploying to the Radius Network (testnet and mainnet).

The shadcn-claude-config provides a specialized development environment for building React applications using shadcn/ui. It transforms Claude Code into a UI expert by providing specialized agents, power commands, and automation hooks designed to follow shadcn/ui best practices.

Key Capabilities

• Component Generation: Creates components following specific shadcn/ui patterns.
• Accessibility Compliance: Includes built-in WCAG 2.1 AA validation.
• Performance Optimization: Automates bundle and runtime optimizations.
• Framework Support: Compatible with Next.js, Vite, Remix, Astro, and more.
• Theme Management: Provides a complete system for dark mode and theming.

Compatibility

• Configuration Version: 1.0.0
• shadcn/ui: 0.8+
• React: 18+
• Tailwind CSS: 3.4+

When working with this configuration, Claude Code assumes the persona of several specialized agents depending on your task:

• RAG Developer: Expert in embeddings, vector databases, and semantic search for knowledge bases and Q&A systems.
• Multi-Modal Expert: Expert in image/PDF processing, file uploads, and visual AI.
• Streaming Expert: Expert in real-time responses, chat interfaces, and progressive enhancement.
• Tool Integration Specialist: Expert in function calling, external APIs, and agentic workflows.
• Provider Configuration Expert: Expert in multi-provider setup, cost management, and reliability/performance optimization.

When you run the composer, it generates a specific directory structure designed for Claude Code. It does not modify your README.md or package.json files.

Generated files include:

• CLAUDE.md: A combined documentation file containing instructions, patterns, and commands.
• .claude/settings.json: Merged configuration settings.
• .claude/agents/: Framework-specific agent definitions.
• .claude/commands/: Custom commands for the Claude interface.
• .claude/hooks/: Development hooks.

The configuration includes 5 expert agents designed to assist with specific tasks in the token-gated MCP ecosystem:

• radius-sdk-expert: Expert in Radius MCP SDK implementation, token protection, and proof verification.
• fastmcp-builder: Specialist in FastMCP server development (tools, resources, prompts, and transport).
• auth-flow-debugger: Expert in debugging authentication flows, including EVMAUTH errors and proof validation.
• token-economics-designer: Specialist in designing pricing models, access tiers, and token distribution.
• web3-security-auditor: Web3 security expert for smart contract safety and cryptographic operations.

To implement dark mode, set darkMode: 'class' in your tailwind.config.js. You can then toggle the dark class on the document.documentElement. Use the dark: variant in your utility classes to define styles for dark mode. For advanced theming, define CSS variables in a @layer base block within your CSS file to swap color values when the .dark class is present.

/* globals.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --primary: 221.2 83.2% 53.3%;
    --primary-foreground: 210 40% 98%;
  }
  
  .dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;
    --primary: 217.2 91.2% 59.8%;
    --primary-foreground: 222.2 84% 4.9%;
  }
}

The Tailwind CSS Claude Code configuration is designed to work seamlessly with the following technologies:

• Next.js 15 (App Router and Server Components)
• React/Vue/Svelte (Component-based architectures)
• shadcn/ui (Pre-built accessible components)
• Headless UI (Unstyled, accessible UI primitives)
• Framer Motion (Animation library integration)
• Storybook (Component documentation and testing)

The configuration includes 6 specialized agents to assist with different stages of MCP development:

Core MCP Development

• mcp-architect: Expert in server architecture, capability design, and protocol patterns.
• tool-builder: Specialist in creating tools, parameter schemas, and response formats.
• resource-manager: Expert in URI schemes, content types, and dynamic resources.

Development & Operations

• error-handler: Assists with error codes, validation, and troubleshooting.
• test-writer: Expert in unit tests, integration tests, and MCP Inspector usage.
• deployment-expert: Assists with Docker, npm publishing, and Claude integration.