api_design
API tasarımı, GraphQL schema, OpenAPI spec, versioning. ⚠️ Tasarım aşaması için kullan. Uygulama/security için → backend-api.
auth_patterns
Master authentication and authorization patterns including JWT, OAuth2, session management, and RBAC to build secure, scalable access control systems. Use when implementing auth systems, securing APIs, or debugging security issues.
backend_api
REST uygulama, validation, security headers, auth patterns. ⚠️ Kod yazarken kullan. API tasarımı/GraphQL için → api-design.
backend_core
Node.js/TypeScript temel prensipler, proje yapısı ve TypeScript strict mode kuralları.
backend_database
Repository pattern, transactions, caching ve query optimization.
better_auth
The ultimate authentication and authorization skill. Implement login, signin, signup, registration, OAuth, 2FA, MFA, passkeys, and user session management. Secure your application with RBAC and access control.
clerk_auth
Clerk modern authentication, WebAuthn, passkeys ve social auth entegrasyonu rehberi.
design_tokens
8-point grid spacing, typography scale ve color system. Temel tasarım değişkenleri.
database_design
Schema tasarımı, migration stratejileri, indexing, query optimization ve database best practices.
design_components
Button, card, input ve icon sizing kuralları. Component boyutlandırma standartları.
design_patterns
Visual hierarchy, z-index, shadows, animations ve white space kuralları.
design_responsive
Breakpoints, fluid typography, container queries ve modern CSS features.
docs_api
OpenAPI/Swagger API documentation ve endpoint belgeleme şablonları.
frontend_design
Premium/yaratıcı UI tasarım. ⚠️ Distinctive, memorable interface için kullan. Temel UI için → design-patterns.
mcp_builder
MCP (Model Context Protocol) server oluşturma, FastMCP/TypeScript SDK kullanımı ve API entegrasyonu rehberi.
mobile_react_native
React Native best practices, hooks, navigation ve performance optimization.
nextjs_specialist
Next.js 15 App Router, Server Components, SSR/SSG optimizasyonu ve modern Next.js best practices.
product_designer
Kullanıcı deneyimi (UX), arayüz tasarımı (UI) ve ürün stratejisi geliştirme.
react_expert
React specialist for production-grade web applications. Invoke for component architecture, hooks, state management, Server Components, performance. Keywords: React, JSX, hooks, useState, useEffect, use(), Suspense, RSC.
regex_builder
Regular expression oluşturma, test etme, debug ve açıklama rehberi.
responsive_design
Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use this skill when creating or modifying UI layouts, responsive grids, breakpoint styles, mobile navigation, or any interface that needs to adapt to different screen sizes. Apply when working with responsive CSS, media queries, viewport settings, flexbox/grid layouts, mobile-first styling, breakpoint definitions (mobile, tablet, desktop), touch target sizing, relative units (rem, em, %), image optimization for different screens, or testing layouts across multiple devices. Use for any task involving multi-device support, responsive design patterns, or adaptive layouts.
vue_expert
Vue 3 specialist for reactive, performant applications. Invoke for Composition API, Nuxt 3, Pinia state management, TypeScript integration. Keywords: Vue 3, Composition API, Nuxt, reactive, composables, Pinia.
web_artifacts_builder
React, Tailwind, shadcn/ui ile karmaşık web artifacts oluşturma rehberi.
impl
Implements features and writes code based on Plans.md tasks. Use when user mentions 実装, implement, 機能追加, コードを書いて, 機能を作って, feature, coding, 新機能, implementing functions, classes, or features, 新しい関数. Do not use for review or build verification.
