Skip to content

toonoku/tooncode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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