kok-o
- 97 skills
- 0 followers
- 4 hours ago last updated
- ▌
- ▌
- ▌ React 2 · kok-o bundleContextOS skill for modern React (v18/v19), component architecture, state colocation, render optimization, and Vercel performance rules.
- ▌ Docker 2 · kok-o bundleDocker containerization, multi-stage builds, non-root security, layer caching optimization, and docker-compose standards.
- ▌
- ▌ Next JS 2 · kok-o bundleContextOS skill for Next.js App Router, Server Components, Server Actions, performance optimization, and Vercel best practices.
- ▌
- ▌ Testing 2 · kok-o bundleVitest, React Testing Library, and Playwright testing standards. Enforces TDD/BDD, test pyramid, zero brittle mocks, and complete assertion coverage.
- ▌ Adapters 2 · kok-o bundleGenerates agent-specific configuration files from the unified ContextOS format. One internal system, multiple output formats for Claude, Gemini, Copilot, Cursor, Aider, Continue, OpenHands, and others.
- ▌ Database 2 · kok-o bundleDatabase architecture, schema design, Prisma, Drizzle ORM, indexing strategies, migrations, and N+1 query resolution.
- ▌ Graphify 2 · kok-o bundleCodebase knowledge graph generator and architecture mapping guide. Eliminates context window burn, enables precise dependency mapping, and identifies architectural god nodes.
- ▌
- ▌ UI UX Pro 2 · kok-o bundleProfessional UI/UX design skill. Enforces accessibility, semantic color palettes, proper spacing, and bans all common AI design anti-patterns and clichés. Adapted for Tailwind CSS v4, shadcn/ui, and Framer Motion stacks.
- ▌
- ▌ Context Os 2 · kok-o bundleAI Project Operating System — Context Compiler that transforms user intent into minimal, relevant context for any AI agent and any task. Manages the full lifecycle: Idea → Requirements → Architecture → Planning → Development → Review → Release.
- ▌
- ▌ Web Performance 2 · kok-o bundleContextOS skill for Web Performance, Core Web Vitals, waterfall elimination, bundle size optimization, and caching strategies.
- ▌ Gstack Roles 2 · kok-o bundleRole-based AI specialist system. Defines 23 specialist roles and teaches the AI to adopt the correct role before each task phase, like a virtual engineering team.
- ▌
- ▌ System Design 2 · kok-o bundleScalable architecture skill based on the System Design Primer. Before designing any backend, reason about load balancers, caching, DB partitioning, CAP theorem, and microservices trade-offs. Adapted for Serverless/Edge, Next.js App Router, BFF, and DDD patterns.
- ▌ Context Manager 2 · kok-o bundleSmart context selection engine. Analyzes the current task, consults the Project Graph, and returns only the documents and skills needed. Prevents context window overflow by loading minimum relevant information.
- ▌ Ponytail Mindset 2 · kok-o bundleMinimalist coding mindset. Write only what is strictly necessary for the task. 7-rung decision ladder before writing any code. Eliminates premature abstraction while keeping all safety, validation, error handling, and security guards intact.
- ▌ State Management 2 · kok-o bundleClient and server state management standards using Zustand and TanStack Query. Enforces minimal global state, optimistic updates, and clean query invalidation.
- ▌ Impeccable Design 2 · kok-o bundleVisual design quality enforcement. 50 deterministic anti-pattern rules preventing AI design slop. Bans generic fonts, pure colors, nested cards, dated animations. Adapted for Tailwind CSS v4, shadcn/ui, and Framer Motion stacks.
- ▌ Web Accessibility 2 · kok-o bundleContextOS skill for Web Accessibility (WCAG 2.1 AA/AAA), ARIA dialog patterns, keyboard focus traps, and Web Interface Guidelines.
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌ Engineering Workflow 2 · kok-o bundleSenior engineering workflow skill. Enforces spec → plan → build → test → review → ship. AI never writes code before a spec and plan are approved. Acts like a senior, not a junior. Integrated with gstack-roles for automatic role activation per phase.
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌ Engineering Workflow · kok-oSenior engineering workflow skill inspired by Addy Osmani's agent-skills. Enforces the full development lifecycle: spec → plan → build → test → review → ship. AI must never write code before a spec and plan are approved.
- ▌ React Best Practices · kok-oReact and Next.js performance optimization guidelines from Vercel Engineering.
- ▌
- ▌ Architecture Diagrams · kok-oInteractive, visual architecture and sequence diagrams as code. Generates beautiful, self-contained SVG/HTML diagrams with motion, clear component boundaries, and verifiable data flows.
- ▌ Subagent Orchestrator · kok-oSubagent delegation and parallel coordination skill. Implements task decomposition, context hand-offs, blast-radius boundary isolation, and conflict-free merge synthesis.
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌ Docker · kok-oDocker containerization, multi-stage builds, non-root security, layer caching optimization, and docker-compose standards.
- ▌
- ▌
- ▌
- ▌ Testing · kok-oVitest, React Testing Library, and Playwright testing standards. Enforces TDD/BDD, test pyramid, zero brittle mocks, and complete assertion coverage.
- ▌ Adapters · kok-oGenerates agent-specific configuration files from unified ContextOS format. Produces configs for Claude, Gemini, Copilot, Cursor, Aider, Continue, and Zed.
- ▌ Database · kok-oDatabase architecture, schema design, Prisma, Drizzle ORM, indexing strategies, migrations, and N+1 query resolution.
- ▌ Graphify · kok-oCodebase knowledge graph generator and architecture mapping guide. Instructs agents on AST dependency extraction and blast radius analysis.
- ▌
- ▌ Decisions · kok-oArchitecture Decision Records (ADR) management. Creates, tracks, and queries architectural decisions so AI assistants understand why choices were made.
- ▌
- ▌ UI UX Pro · kok-oProfessional UI/UX design skill with strict anti-pattern enforcement. Prevents AI slop design, enforces accessibility standards, semantic color palettes, proper spacing, and bans overused design clichés.
- ▌
- ▌ Context Os · kok-oAI Project Operating System context compiler that transforms user intent into minimal, relevant context for any AI agent across the full development lifecycle.
- ▌ Generators · kok-oGenerates complete project documentation (PRD, Architecture, Database, API, UI, Roadmap, Tasks) from ideas and templates with incremental update support.
- ▌
- ▌
- ▌ Soft Design · kok-oHigh-end agency-grade UI architecture, haptic micro-aesthetics, and fluid spring motion choreography.
- ▌ Gstack Roles · kok-oRole-based AI specialist system inspired by Garry Tan's gstack. Defines 23 specialist roles (CEO, Eng Manager, Designer, QA, Security etc.) and teaches the AI to adopt the correct role before each task phase.
- ▌ Interview Me · kok-oInteractive requirements elicitation skill. Interrogates ambiguous, complex, or high-blast-radius tasks one focused question at a time before any plan or code is written.
- ▌ Security · kok-o bundleApplication and AI agent security skill. Enforces zero-trust defense-in-depth, OWASP Top 10 mitigation, prompt injection defense, and secure tool execution.
- ▌
- ▌ System Design · kok-oArchitecture and system design skill based on donnemartin's System Design Primer. Teaches scalable architecture thinking: load balancers, caching, DB partitioning, microservices, CAP theorem, and trade-off analysis before writing backend code.
- ▌ Decision Engine · kok-o bundleArchitecture Decision Records (ADR) management. Creates, tracks, and queries decisions so the AI agent understands WHY choices were made, not just WHAT was chosen.
- ▌ Redesign Audit · kok-oAudits and upgrades existing web codebases with high-end typography, color, layout, and interaction polish.
- ▌ Document Generator · kok-o bundleGenerates project documentation from a single idea. Creates PRD, Architecture, Database, API, UI, Roadmap, Tasks, Decision Records, and Project Graph using templates. Supports incremental updates.
- ▌ Context Manager · kok-oSmart context selection engine. Analyzes the current task, consults the Project Graph, and returns only the documents and skills needed to prevent token overflow.
- ▌ Vercel Optimize · kok-oObservability-first Vercel performance and cost reduction optimization skill.
- ▌ Brutalist Design · kok-oRaw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics.
- ▌ Gemini Precision · kok-oHigh-precision engineering and execution guardrails optimized for Google Gemini models. Enforces zero-assumption file inspection, complete non-lazy implementations, surgical blast-radius containment, and mandatory proof-of-work execution.
- ▌ Ponytail Mindset · kok-oMinimalist coding mindset based on DietrichGebert/ponytail. Teaches the AI to write only what is strictly necessary. Uses a 7-rung ladder: YAGNI → reuse → stdlib → platform → deps → one-liner → minimum. Minimizes unnecessary boilerplate and over-engineering while keeping all safety, validation and security guards.
- ▌ State Management · kok-oClient and server state management standards using Zustand and TanStack Query. Enforces minimal global state, optimistic updates, and clean query invalidation.
- ▌ Impeccable Design · kok-oVisual design quality skill based on pbakaus/impeccable. 46 deterministic anti-pattern rules that prevent AI design slop. Bans overused fonts, pure black/gray, nested cards, bounce animations, and all generic AI-generated design clichés.
- ▌ Minimalist Design · kok-oClean editorial-style interfaces with warm monochrome palettes and flat bento grids.
- ▌
- ▌