메뉴
Voice framework, visual identity standards, color palette management, typography specs, brand consistency
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
OpenAI Codex CLI + Claude Code (Hizir) birlikte kullanim rehberi. Is dagitim pattern'leri, GitHub Actions workflow ornekleri, review dongusu ve iki AI yazilim asistaninin guclu yanlarini birlestiren orchestration stratejileri.
Create handoff document for transferring work to another session
Otonom deney dongusu. Kod degisikligi yap, olc, karsilastir, kabul et veya geri al. Metrik bazli karar verme ile performans, boyut veya kalite optimizasyonu. Tek basina veya agent ile kullan.
Planning agent that creates implementation plans and handoffs from conversation context
Use this skill when writing new features, fixing bugs, or refactoring code. Enforces test-driven development with 80%+ coverage including unit, integration, and E2E tests.
Pre-push API key and credential scanner - blocks git push if secrets found
| name | brand-identity |
| description | Voice framework, visual identity standards, color palette management, typography specs, brand consistency |
Marka kimligini olusturma ve koruma rehberi. Tutarlilik her seydir.
| Kavram | Tanim | Ornek |
|---|---|---|
| Voice | Markanin kalici kisilik ozellikleri | "Profesyonel ama samimi" |
| Tone | Duruma gore degisen ifade bicimi | Hata mesajinda: empatik, basaride: kutlamaci |
Markanin 4 eksenini tanimla:
| Eksen | Sol Uc | Sag Uc | Senin Pozisyon (1-5) |
|---|---|---|---|
| Formalite | Resmi, kurumsal | Samimi, konusma dili | ? |
| Enerji | Sakin, olculu | Heyecanli, enerjik | ? |
| Mizah | Ciddi, agirbasli | Eglenceli, espirili | ? |
| Teknik | Basit, herkes icin | Uzman, teknik dil | ? |
| Kural | Detay |
|---|---|
| Clear space | Logo etrafinda min logo yuksekligi kadar bosluk |
| Min boyut | Dijitalde min 24px yukseklik |
| Arka plan | Hangi renklerde kullanilabilir, hangilerinde degil |
| Varyasyonlar | Full color, monochrome, reversed (dark bg) |
| Yasaklar | Stretch etme, renk degistirme, efekt ekleme |
LAYER 1: Primitive (Ham renkler)
blue-500: #3b82f6
blue-600: #2563eb
gray-100: #f3f4f6
LAYER 2: Semantic (Anlam tasiyan)
color-primary: {blue-600}
color-danger: {red-600}
color-surface: {white}
color-text: {gray-900}
LAYER 3: Component (Kullanim yeri)
button-primary-bg: {color-primary}
button-primary-hover: {blue-700}
card-bg: {color-surface}
input-border: {gray-300}
| Kural | Detay |
|---|---|
| Ana renkler | Max 3 (primary, secondary, accent) |
| Notral tonlar | 1 gray skalasi (50-950) |
| Durum renkleri | Success (yesil), Warning (sari), Danger (kirmizi), Info (mavi) |
| Dark mode | Her semantic token'in dark varyanti |
| Kontrast | Tum text/bg kombinasyonlari WCAG AA (4.5:1) |
| Kullanim | Font | Agirlik | Boyut | Satir Yuksekligi |
|---|---|---|---|---|
| Display | Primary | Bold (700) | 48-72px | 1.1 |
| H1 | Primary | Semibold (600) | 36-48px | 1.2 |
| H2 | Primary | Semibold (600) | 24-36px | 1.25 |
| H3 | Primary | Medium (500) | 20-24px | 1.3 |
| Body | Primary | Regular (400) | 16px | 1.5 |
| Small | Primary | Regular (400) | 14px | 1.4 |
| Caption | Primary | Regular (400) | 12px | 1.3 |
| Code | Mono | Regular (400) | 14px | 1.5 |
| Baslik | Govde | Karakter |
|---|---|---|
| Inter | Inter | Notr, profesyonel |
| Cal Sans | Inter | Modern, teknoloji |
| Playfair Display | Source Sans | Luks, editoryal |
| Space Grotesk | DM Sans | Yaratici, modern |
| Fraunces | Work Sans | Sicak, organik |
| Kural | Detay |
|---|---|
| Stil tutarliligi | Tek icon seti sec (Lucide, Heroicons, Phosphor) |
| Boyut skalasi | 16, 20, 24, 32px (text ile orantili) |
| Cizgi kalinligi | Set icinde tutarli (1.5px veya 2px) |
| Filled vs Outlined | Birini sec, karistirma |