← Discover MCPs and Agents
t
MCPAI & MLGitHub

tooncode

Google Gemini powered React component generator CLI

Links

Repository

README

From the repo.

tooncode logo

🤖 ToonCode

EN: Your AI-Powered React Component Generator. Create components instantly from your terminal with the power of Google Gemini.

TR: AI Destekli React Component Oluşturucunuz. Google Gemini gücüyle terminalinizden anında component'ler yaratın.

English

🚀 Features

  • AI-Powered: Uses Google Gemini to generate high-quality React components (JSX & TSX).
  • Interactive CLI: Asks for component details, file paths, and specifications through an easy-to-use command-line interface.
  • Context-Aware: Analyzes your existing components to generate new ones with a similar structure.
  • Simple & Fast: No complex configurations. Just run the command and answer the questions.
  • Customizable: Specify hooks, file types, and other details for your components.

📦 Installation

npm install -g @toonoku/tooncode

⚙️ Usage

Simply run the following command in your terminal and follow the prompts:

tooncode

The tool will ask for your Gemini API Key on the first run and save it for future use. Then, it will guide you through the component creation process.

Türkçe

🚀 Özellikler

  • Yapay Zeka Destekli: Yüksek kaliteli React component'leri (JSX & TSX) oluşturmak için Google Gemini kullanır.
  • İnteraktif CLI: Kullanımı kolay bir komut satırı arayüzü aracılığıyla component ayrıntılarını, dosya yollarını ve özellikleri sorar.
  • Bağlama Duyarlı: Benzer bir yapıda yeni component'ler oluşturmak için mevcut component'lerinizi analiz eder.
  • Basit ve Hızlı: Karmaşık yapılandırmalar yok. Sadece komutu çalıştırın ve soruları yanıtlayın.
  • Özelleştirilebilir: Component'leriniz için hook'ları, dosya türlerini ve diğer ayrıntıları belirtin.

📦 Kurulum

npm install -g @toonoku/tooncode

⚙️ Kullanım

Terminalinizde aşağıdaki komutu çalıştırmanız ve yönnergeleri izlemeniz yeterlidir:

tooncode

Araç, ilk çalıştırmada Gemini API Anahtarınızı isteyecek ve ileride kullanmak üzere kaydedecektir. Ardından, component oluşturma sürecinde size rehberlik edecektir.

❤️ Contributing

Every contribution is welcome! Our focus is on creating a simple, fast, and effective tool. Feel free to contribute by opening issues or submitting pull requests.

❤️ Katkıda Bulunma

Her katkıya açığız! Odağımız basit, hızlı ve etkili bir araç yaratmaktır. Lütfen issue açarak veya pull request göndererek katkıda bulunmaktan çekinmeyin.

Made with ❤️‍ by Toonoku Team

Collected info

  • ★ 2 stars
  • Language: JavaScript
  • Source updated: 8/10/2025

Config for your environment

Replace {MCP_ENDPOINT_URL} with this MCP’s endpoint URL (from its repo or docs above). No API key — you connect directly.

Tool

OS

Config file: ~/.cursor/mcp.json

{
  "mcpServers": {
    "mcp-server": {
      "url": "{MCP_ENDPOINT_URL}"
    }
  }
}

Paste into mcpServers in the config file. Restart Cursor after saving.

If this MCP is also published on mcpchannel.ai, you can subscribe from Browse and use the gateway config there instead.