skeletorflet/opencode-kit

accessibility

Web accessibility (a11y). WCAG 2.1, ARIA, keyboard navigation, screen readers, testing tools.

원문 언어: 영어

analytics-tracking

Analytics and event tracking. Product analytics, Mixpanel, PostHog, Segment, GDPR compliance, event taxonomy.

원문 언어: 영어

animation-principles

UI animation patterns. CSS transitions, Framer Motion, GSAP, performance, accessibility.

원문 언어: 영어

auth-patterns

Authentication and authorization patterns. JWT, sessions, OAuth 2.0, RBAC, ABAC, refresh tokens, security.

원문 언어: 영어

background-jobs

Background job patterns. Cron jobs, queued jobs, scheduling, BullMQ, pg-boss, Sidekiq patterns.

원문 언어: 영어

caching-strategies

Caching patterns. HTTP caching, Redis, CDN, browser cache, cache invalidation strategies.

원문 언어: 영어

ci-cd-pipelines

CI/CD pipeline patterns. GitHub Actions, GitLab CI, Docker builds, testing, deployment stages, secrets management.

원문 언어: 영어

dark-mode-theming

Dark mode and theming patterns. CSS variables, Tailwind dark mode, system preference, user toggle, Next.js themes.

원문 언어: 영어

dashboard-design

Dashboard UI patterns. Layout, widgets, KPIs, data density, navigation for admin panels and analytics.

원문 언어: 영어

data-visualization

Data visualization principles. Chart selection, D3, Recharts, Chart.js, accessibility, performance.

원문 언어: 영어

email-templates

Email template design and implementation. React Email, MJML, responsive HTML emails, Resend, deliverability.

원문 언어: 영어

encryption-patterns

Encryption and data security patterns. At-rest encryption, in-transit, field-level encryption, key management, hashing.

원문 언어: 영어

error-states

Error states, empty states, and loading states design patterns. UX for failure and absence of data.

원문 언어: 영어

feature-flags

Feature flag patterns. Gradual rollouts, A/B testing, kill switches, LaunchDarkly, environment flags.

원문 언어: 영어

file-upload-handling

File upload patterns. Direct upload, presigned URLs, S3, Cloudinary, validation, chunked upload, progress.

원문 언어: 영어

form-patterns

Form design and validation patterns. UX, accessibility, React Hook Form, Zod, error handling.

원문 언어: 영어

graphql-expert

GraphQL API design. Schema design, resolvers, N+1 problem, subscriptions, federation, Apollo, Pothos.

원문 언어: 영어

hero-page

Hero section design and implementation. Above-the-fold UX, CTAs, headlines, visual hierarchy for landing pages.

원문 언어: 영어

input-sanitization

Input sanitization and validation. XSS prevention, SQL injection, CSRF, DOMPurify, Zod, parameterized queries.

원문 언어: 영어

kubernetes-expert

Kubernetes deployment patterns. Pods, Deployments, Services, Ingress, HPA, config management, health checks.

원문 언어: 영어

load-balancing

Load balancing patterns. Algorithms, Nginx, health checks, sticky sessions, blue-green deployment.

원문 언어: 영어

logging-observability

Logging, monitoring and observability. Structured logging, metrics, tracing, alerting, Grafana, Datadog, OpenTelemetry.

원문 언어: 판별 불가

message-queuing

Message queue patterns. RabbitMQ, Kafka, BullMQ, SQS. Producer/consumer, dead letter queues, retry strategies.

원문 언어: 영어

microservices-patterns

Microservices design patterns. Service decomposition, communication, resilience, API gateway, service discovery.

원문 언어: 영어

monorepo-patterns

Monorepo setup and patterns. Turborepo, Nx, pnpm workspaces, shared packages, build caching, versioning.

원문 언어: 영어

navigation-patterns

Navigation design patterns. Sidebars, top navs, tabs, breadcrumbs, mobile navigation, routing.

원문 언어: 영어

oauth-integration

OAuth 2.0 integration patterns. Social login, third-party APIs, token storage, refresh, PKCE.

원문 언어: 영어

offline-first

Offline-first patterns. Service Workers, Background Sync, IndexedDB, cache strategies, conflict resolution.

원문 언어: 영어

onboarding-flows

User onboarding patterns. Signup flow, activation, product tours, checklists, empty state onboarding.

원문 언어: 영어

payment-integration

Payment integration patterns. Stripe, webhooks, subscriptions, one-time payments, PCI compliance.

원문 언어: 영어

pdf-generation

PDF generation patterns. Puppeteer, @react-pdf/renderer, PDFKit, invoices, reports.

원문 언어: 영어

push-notifications

Push notification patterns. Web Push, FCM, APNs, notification design, opt-in flows, delivery strategies.

원문 언어: 영어

search-implementation

Search implementation patterns. Full-text search, Elasticsearch, Algolia, Meilisearch, PostgreSQL FTS, autocomplete.

원문 언어: 영어

secrets-management

Secrets management. Environment variables, Vault, AWS Secrets Manager, rotation, detection.

원문 언어: 영어

state-management

State management patterns. Local state, global state, server state. Zustand, Redux, Jotai, TanStack Query, React Context.

원문 언어: 영어

websocket-patterns

WebSocket and real-time patterns. Socket.io, native WebSocket, Server-Sent Events, connection management, rooms.

원문 언어: 영어

ai-agent-integration

Advanced skill for implementing Large Language Model (LLM) features into applications, covering tool calling, Retrieval-Augmented Generation (RAG), prompt caching, and context management.

원문 언어: 영어

realtime-collaborative

Engineering patterns for building multiplayer, real-time sync, and collaborative applications using WebSockets, WebRTC, and CRDTs.

원문 언어: 영어

api-patterns

API design principles and decision-making. REST vs GraphQL vs tRPC selection, response formats, versioning, pagination.

원문 언어: 영어

app-builder

Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.

원문 언어: 영어