Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
npx skills add sefakayar/claude-agent-skills-generator
Or install specific skill: npx add-skill https://github.com/sefakayar/claude-agent-skills-generator
# Description
Claude Code için AI destekli Skill (SKILL.md) oluşturucu. React + Vite + Gemini API.
# README.md
Claude Code Skill Generator
Claude Code için SKILL.md dosyaları oluşturan web uygulaması.
Ne İşe Yarıyor?
Claude Code'a özel yetenekler (skill) eklemek için gereken SKILL.md dosyalarını otomatik oluşturur. Form doldur, Gemini API ile profesyonel bir skill dosyası al.
Özellikler
- Türkçe / İngilizce arayüz
- 6 hazır skill şablonu (PDF Editor, Data Analyzer, Git Workflow, vb.)
- Gemini API ile otomatik SKILL.md oluşturma
- Kopyala / İndir butonları
Kurulum
# Bağımlılıkları yükle
npm install
# .env.local dosyasına API key ekle
API_KEY=senin_gemini_api_keyin
# Çalıştır
npm run dev
Tarayıcıda http://localhost:3000 adresine git.
Gemini API Key Alma
- https://aistudio.google.com/apikey adresine git
- "Create API Key" tıkla
- Key'i
.env.localdosyasına yapıştır
Teknolojiler
- React 19
- TypeScript
- Vite
- Tailwind CSS
- Gemini API
Skill Nedir?
Claude Code'da skill'ler, Claude'un belirli görevlerde uzmanlaşmasını sağlayan modüler paketlerdir. Her skill bir SKILL.md dosyası içerir:
skill-name/
├── SKILL.md # Ana talimat dosyası
├── scripts/ # Python/Bash scriptleri
├── references/ # Referans dökümanlar
└── assets/ # Şablonlar, görseller
Lisans
MIT
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.