By trugurpala
React skill paketi: react-best-practices, composition-patterns, web-design-guidelines (Vercel Labs, MIT)
Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config, and code scan results first; investigate only metric-backed candidates; produce ranked recommendations grounded in verified files and version-aware Vercel/framework docs. Trigger for Vercel bill reduction, slow or expensive routes, caching opportunities, Function Invocations, Build Minutes, Fast Data Transfer, Core Web Vitals, Bot Management, Fluid compute, or cost breakdown requests.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Türkçe · English · Wiki · Değişiklikler · Yol haritası
Padişah sensin. Divan, vibe coder'ın vezirler kuruludur — 41 skill, 5 paket, kalıcı proje hafızası ve bağımsız denetim. Sen fermanı verirsin; Divan planlar, TDD ile inşa eder, kanıtıyla teslim eder ve kaldığın yeri asla unutmaz. Claude Code/Desktop Code ve Codex'te yerel plugin olarak; Cursor ve diğer Agent Skills uyumlu ajanlarda taşınabilir.
Sürüm: v0.12.0 · Release: https://github.com/trugurpala/divan/releases · Canlı sayfa: https://trugurpala.github.io/divan/ · Canlı Wiki: https://github.com/trugurpala/divan/wiki · Katalog: docs/Vezir-Katalogu.md · v1 karnesi: docs/V1-Hazirlik.md
Tek tek iyi prompt'lar yetmez. Üretim işi; doğru yeteneğin seçilmesini, kararın diskte kalmasını, değişikliğin test edilmesini ve kullanıcının gördüğü yüzün de aynı turda yayımlanmasını ister.
| Sorun | Divan'ın cevabı |
|---|---|
| Ajan plansız kodluyor | Sadrazam: brief → plan → icra → teftiş → takdim |
| Her oturumda proje unutuluyor | Claude Code'un doğrudan okuduğu CLAUDE.md + AGENTS, BLUEPRINT ve .divan/ kayıtları |
| “Çalışıyor” deniyor, kanıt yok | Test, resmî doğrulayıcı ve bağımsız müfettiş kapısı |
| Binlerce skill bağlamı ve güveni bozuyor | Kürasyon, lisans/köken denetimi ve aşamalı yükleme |
| Harici swarm/harness karmaşık ve pahalı | Önce yerel tek oturum; gerekirse sınırlı subagent/worktree |
| PR hazır ama ürün hâlâ eski | Yayın Kanunu: vitrin + Wiki + CHANGELOG + merge + canlı doğrulama |
Divan yeni bir model veya ayrı bir ajan runtime'ı değildir. Mevcut kodlama ajanına çalışma disiplini, uzmanlık ve teslim hafızası ekleyen, denetlenebilir bir Agent Skills dağıtımıdır.
Divan gelişmeyi “daha çok skill yükle” diye tanımlamaz:
/yayin ve release-manifest.json ile README, Wiki, site, CHANGELOG,
marketplace ve sürüm kaydındaki sapmayı CI'da durdurur.main, Pages ve Wiki aynı sürüme
gelince changelog'dan tag ile GitHub Release üretir.Bu döngünün son örneği: 40 repoluk kaynak kürasyonu.
Önce değişiklik yapmayan planı gör, sonra aynı sabit release'i iki hosta kur:
python scripts/kur-hostlar.py --host both --ref v0.12.0
python scripts/kur-hostlar.py --host both --ref v0.12.0 --execute
Güvenlik için kurucu, kaynağı/ref'i kanıtlanamayan mevcut bir divan pazarının
veya @divan eklentisinin üzerine yazmaz; kaydı olduğu gibi bırakıp açık bir
hata verir.
Kurucu Claude Code/Desktop Code ile Codex'in resmî plugin CLI'larını kullanır, mevcut eklentileri işlem kaydına alır ve alakasız eklentilere dokunmaz. Tek-host, elle kurulum, eski kopya göçü ve kaldırma: docs/Kurulum.md.
Skill adı ezberlemek zorunda değilsin. Canlı ferman seçicide niyetini seç; Divan gerekli paketi, kopyalanabilir fermanı ve teslim akışını göstersin.
| Niyet | Paket | Divan'ın ilk hareketi |
|---|---|---|
| Özellik çıkar | sadrazam + core-pack | Brief → plan → TDD → teftiş → yayın |
| Bug düzelt | core-pack | Belirti → kök neden → regresyon testi |
| Arayüz tasarla | ui-pack + react-pack | Estetik yön → sistem → tarayıcı doğrulaması |
| Projeyi tanı | sadrazam + core-pack | Kanıtlı arama → mimari/risk haritası → defter |
| Kanıtla ve yayınla | sadrazam + core-pack | A/B eval → kör hakem → CI → canlı doğrulama |
Yapısal doğrulama “skill daha iyi çalışıyor” demek değildir. v0.10 serisi aynı vakayı baseline ve skill koşullarında gerçek ajan adaptörüyle çalıştıran, çıktıları A/B körleştiren ve isteğe bağlı hakem/eşik uygulayan koşucu ekler:
npx claudepluginhub trugurpala/divan --plugin react-packGrand Vizier: end-to-end delivery orchestrator. Turns any request into a complete, verified deliverable using the Divan Protocol.
UI/UX skill paketi: frontend-design ve webapp-testing (Anthropic, Apache 2.0) + ui-ux-pro-max (Next Level Builder, MIT)
Ehl-i Hiref: sanat ve zanaat vezirleri - algoritmik sanat, poster/canvas tasarimi, tema fabrikasi, MCP insasi, web artifact, Slack GIF, Claude API ustaligi
Cekirdek gelistirme disiplini: planlama, TDD, debugging, kanitli arama, baglam butcesi ve dogrulama
Frontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and more
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). Proactively activates in projects with cacheComponents: true, providing patterns for 'use cache' directive, cacheLife(), cacheTag(), cache invalidation, and parameter permutation rendering.
Ultra-compressed communication mode. Cuts 65% of output tokens (measured) while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Memory compression system for Claude Code - persist context across sessions
Marketing skills for AI agents — conversion optimization, copywriting, SEO, paid ads, ad creative, and growth