Web testing with Playwright, Vitest, k6. E2E/unit/integration/load/security/visual/a11y testing. Use for test automation, flakiness, Core Web Vitals, mobile gestures, cross-browser.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Replace with description of the skill and when Codex should use it.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build 3D web apps with Three.js (WebGL/WebGPU). 556 searchable examples, 60 API classes, 20 use cases. Actions: create 3D scene, load model, add animation, implement physics, build VR/XR. Topics: GLTF loader, PBR materials, particle effects, shadows, post-processing, compute shaders, TSL. Integrations: WebGPU, physics engines, spatial audio.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Apply step-by-step analysis for complex problems with revision capability. Use for multi-step reasoning, hypothesis verification, adaptive planning, problem decomposition, course correction.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Style UIs with shadcn/ui components (Radix UI + Tailwind CSS). Use for accessible components, themes, dark mode, responsive layouts, design systems, color customization.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create or update Codex skills optimized for Skillmark benchmarks. Use for new skills, skill scripts, references, benchmark optimization, extending Codex's capabilities.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Run unit, integration, e2e, and UI tests. Use for test execution, coverage analysis, build verification, visual regression, and QA reports.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create isolated git worktree for parallel development in monorepos.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create, edit, analyze spreadsheets (.xlsx, .csv, .tsv). Use for Excel formulas, data analysis, visualization, formatting, pivot tables, charts, formula recalculation.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Review recent changes and wrap up the current work session.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Utilize MCP server tools with intelligent discovery and execution.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Write GLSL fragment shaders for procedural graphics. Topics: shapes (SDF), patterns, noise (Perlin/simplex/cellular), fBm, colors (HSB/RGB), matrices, gradients, animations. Use for generative art, textures, visual effects, WebGL, Three.js shaders.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build Shopify apps, extensions, themes with Shopify CLI. Use for GraphQL/REST APIs, Polaris UI, Liquid templates, checkout customization, webhooks, billing integration.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build with TanStack Start (full-stack React framework), TanStack Form (headless form management), and TanStack AI (AI streaming/chat). Use when creating TanStack projects, routes, server functions, forms, validation, or AI chat features.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Orchestrate Agent Teams for parallel multi-session collaboration. Use for research, implementation, review, and debug workflows requiring independent teammates.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Codex Kit usage guide — discover commands, skills, workflows naturally.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Automate browsers with Puppeteer CLI scripts and persistent sessions. Use for screenshots, performance analysis, network monitoring, web scraping, form automation, JavaScript debugging.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
AI-optimized browser automation CLI with context-efficient snapshots. Use for long autonomous sessions, self-verifying workflows, video recording, and cloud browser testing (Browserbase).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Brainstorm solutions with trade-off analysis and brutal honesty. Use for ideation, architecture decisions, technical debates, feature exploration, feasibility assessment, design discussions.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create, edit, analyze .docx Word documents. Use for document creation, tracked changes, comments, formatting preservation, text extraction, template modification.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Bootstrap new projects with research, tech stack, design, planning, and implementation. Modes: full (interactive), auto (default), fast (skip research), parallel (multi-agent).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.