skill
codex-flow
CodexFlow is a workflow pack generator that maps user intent to structured `codex-flow-*` skill routes, enabling consistent and scalable task execution in `.codex` environments.
Set up
Skills are installed by placing their folder where your agent loads skills.
The download comes from github.com/saccerwin/codex-flow itself, not from our server, so what you get is exactly what its author published.
Install instructions come from the README
Skills do not use an MCP config. Follow the steps in the README below.
README
synced Oct 23, 2026
✨ What is CodexFlow?
CodexFlow is a workflow generator that helps you structure how Codex routes tasks into specialized skills.
Instead of relying on raw prompts, CodexFlow enables:
- Deterministic workflow routing
- Clean separation of skills
- Scalable
.codexconfigurations - Consistent AI behavior across projects
Think of it as a routing engine for your Codex skills.
Scope
- CodexFlow is built for Codex app only.
- Primary purpose: build and maintain skills/workflow packs for
.codex. - Route and skill naming are standardized to the
codex-flow-*convention.
Why CodexFlow
- ✅ Fast setup: generate a complete pack set in one command.
- ✅ Opinionated structure: clear pack boundaries by domain.
- ✅ Stable naming:
codex-flow-*skills andcodex-flow-pack-*files. - ✅ Easy extension: add one pack at a time with
add <topic>.
Choose Your Setup
Use the same repository, install or invoke in the way your Codex app workflow expects.
| Mode | Install | First use |
|---|---|---|
| Codex app (recommended) | npx codex-flow-cli init | codex-flow status |
| Global CLI | npm install -g codex-flow-cli | codex-flow init |
| Local project dependency | npm i -D codex-flow-cli | npx codex-flow-cli init --path . |
| Custom output directory | npx codex-flow-cli init --output-dir .codex-flow | codex-flow status --output-dir .codex-flow |
| Alias compatibility | already included (codexflow) | codexflow init |
Quick Start
npx codex-flow-cli init
npx codex-flow-cli status
Generated Structure
Default output directory:
.codex-flow/
README.md
workflows/
codex-flow-pack-<topic>.md
Pack Catalog
| Topic | Focus |
|---|---|
core | planning, debugging, review, test planning, failing-test fixing, commit formatting, license headers, deploy, status, memory |
frontend-web | frontend super-pack: UI libraries, design, animation, framework best practices, performance, web QA, build tools, video workflows |
backend-platform | backend architecture, API contracts, migrations, DB validation, Docker/deploy, MCP server patterns, workflow orchestration, Zod validation, GCP command safety |
mobile | cross-platform mobile implementation and mobile QA |
knowledge-work | product strategy, support, sales execution, delivery coordination |
marketing | marketing and growth workflows for content, SEO, CRO, ads, analytics, pricing, lifecycle, and devrel |
ai-agent-ops | autonomous loops, eval harnesses, acceptance orchestration, advanced evaluation, memory systems, tool design |
community | GitHub CI triage, PR comments, web app testing, MCP builder support |
review | high-signal code review, PR review, implementation review, architecture review, parallel review |
language-engineering | Python/Go/Rust/Kotlin/Spring/Django/Laravel patterns and testing, JSON-to-Pydantic conversion |
security-guard | security scan/review, safety guardrails, framework-specific security |
leadership-review | founder-mode review, tech-lead review, ship, and retro workflows |
workflow-commands | command-style routes for /flow/plan, /flow/build, /flow/debug, /flow/review, /flow/ux, /flow/content, /flow/track, /flow/bootstrap, /flow/deploy, /flow/continuity, /flow/demo |
Expanded Skill Domains
| Domain | Packs | Key capability expansion |
|---|---|---|
| Core engineering | core, review, workflow-commands | planning, debugging, risk-first review, ship gates, reusable flow commands |
| Frontend and UX | frontend-web | UI libraries, design systems, accessibility, animation, test automation, video pipelines |
| Backend and platform | backend-platform, security-guard | API design, DB migrations, deployment safety, Docker, Zod validation, security hardening |
| Mobile | mobile | iOS/Android/Flutter/React Native implementation + mobile QA coverage |
| Product and ops | knowledge-work, leadership-review | product strategy, support/sales/delivery ops, executive and tech-lead review loops |
| Growth and marketing | marketing | SEO, CRO, paid ads, lifecycle campaigns, devrel and growth experimentation |
| AI agent operations | ai-agent-ops, community | autonomous loops, eval harnesses, MCP builder, CI/debug workflows |
| Language specialization | language-engineering | Python/Go/Rust/Kotlin/Spring/Django/Laravel patterns and testing |
Frontend React Skill Imports
Recently added frontend-react skill bundles in frontend-web include Tailwind CSS, shadcn/ui, Framer Motion, motion design, and Aceternity UI workflows.
Key newly-mapped routes:
/tailwind/advanced-layouts/tailwind/animations/tailwind/mobile-first/tailwind/advanced-design-systems/tailwind/responsive-darkmode/tailwind/design/ui-lib/shadcn-ui-stitch/ui-lib/aceternity-ui/frontend/aceternity-builder/animation/framer-motion-best-practices/animation/motion-designer/animation/motion-designer-startup-os
Source links:
- tailwindcss-advanced-layouts
- tailwindcss-animations
- tailwindcss-mobile-first
- tailwindcss
- tailwindcss-advanced-design-systems
- tailwindcss-responsive-darkmode
- tailwindcss-design
- shadcn
- shadcn-ui (developer-kit)
- shadcn-ui (stitch-skills)
- framer-motion-animator
- motion-designer (animation-principles)
- framer-motion-best-practices
- motion-designer (startup-os-skills)
- aceternity-ui
- frontend-aceternity
Memory and Context Skills
CodexFlow includes dedicated memory-aware skills so Codex app can keep continuity across long tasks.
| Intent | Route | Skill | Purpose |
|---|---|---|---|
| Durable memory capture | /memory | codex-flow-memory | persist high-signal project context and recall it later |
| Session continuity | /flow/continuity | codex-flow-continuity | carry decisions and learnings across sessions |
| Agent memory architecture | /agent-memory-systems | codex-flow-agent-memory-systems | design long-term memory and retrieval strategy |
| Continuous context learning | /continuous-learning | codex-flow-continuous-learning | evolve reusable context patterns over time |
| Context budget control | /context-budget | codex-flow-context-budget | optimize context window usage and reduce token waste |
Recommended memory workflow:
- Start with
/memoryto capture stable project facts. - Use
/flow/continuitywhen resuming work in a new session. - Apply
/continuous-learningat milestones to consolidate patterns.
Routing Policy
CodexFlow uses a strict one-route-one-pack:
Canonical ownership for common intents:
| Intent route | Canonical pack | Canonical skill |
|---|---|---|
/plan | core | codex-flow-plan |
/debug | core | codex-flow-debug |
/review | core | codex-flow-review |
/deploy | core | codex-flow-deploy |
/test | core | codex-flow-test |
/qa | frontend-web | codex-flow-qa |
/qa-web | community | codex-flow-webapp-testing |
/pr-review | review | codex-flow-pr-review |
/security-review | security-guard | codex-flow-security-review |
/flow/* | workflow-commands | codex-flow-* |
Route to Pack Index
| Route | Pack(s) | Skill(s) | Description |
|---|---|---|---|
/a11y/accessibility-auditor | frontend-web | codex-flow-accessibility-auditor | Accessibility auditing workflow for frontend interaction surfaces |
/a11y/accessibility-compliance | frontend-web | codex-flow-accessibility-compliance | Accessibility compliance guidance from wshobson UI design skill set |
/acceptance-orchestrator | ai-agent-ops | codex-flow-acceptance-orchestrator | Drive coding tasks end-to-end from intake to acceptance verification with explicit completion gates |
/adk/tool-scaffold | ai-agent-ops | codex-flow-adk-tool-scaffold | Scaffold ADK BaseTool implementations with template-driven structure and refinement flow |
/advanced-evaluation | ai-agent-ops | codex-flow-advanced-evaluation | LLM-as-judge evaluation design with rubric strategy and bias mitigation patterns |
/agent-eval | ai-agent-ops | codex-flow-agent-eval | Head-to-head agent benchmarking by cost, latency, and correctness |
/agent-memory-systems | ai-agent-ops | codex-flow-agent-memory-systems | Agent memory architecture for retrieval quality, chunking, and long-term consistency |
/agent-payment-x402 | security-guard | codex-flow-agent-payment-x402 | Controlled agent payment execution with budget and policy guardrails |
/agentic-engineering | ai-agent-ops | codex-flow-agentic-engineering | Eval-first execution model for AI-heavy engineering workflows |
/ai-first-engineering | ai-agent-ops | codex-flow-ai-first-engineering | Team operating model for high AI code-generation environments |
/angular-best-practices | frontend-web | codex-flow-angular-component | Angular standalone component and signal-based architecture patterns |
/animation/3d-web-experience | frontend-web | codex-flow-3d-web-experience | 3D web-experience architecture with Three.js or React Three Fiber and performance guardrails |
/animation/framer-motion | frontend-web | codex-flow-framer-motion-animator | Framer Motion variants, transitions, and interaction-driven animation patterns |
/animation/framer-motion-best-practices | frontend-web | codex-flow-framer-motion-best-practices | Framer Motion best practices for accessibility, performance, and maintainable motion architecture |
/animation/motion-designer | frontend-web | codex-flow-motion-designer | Motion design workflow for narrative UI transitions, timing systems, and interaction choreography |
/animation/motion-designer-startup-os | frontend-web | codex-flow-motion-designer-startup-os | Startup-OS motion design patterns for product storytelling and conversion-focused micro-interactions |
/animation/scroll-experience | frontend-web | codex-flow-scroll-experience | Scroll-driven storytelling and cinematic interaction patterns with performance-aware motion |
/animation/threejs | frontend-web | codex-flow-threejs-animation | Three.js animation system patterns and performance-safe motion orchestration |
/animation/threejs-fundamentals | frontend-web | codex-flow-threejs-fundamentals | Three.js fundamentals for scene setup, camera, and renderer composition |
/animation/threejs-geometry | frontend-web | codex-flow-threejs-geometry | Three.js geometry workflows for dynamic and optimized meshes |
/animation/threejs-interaction | frontend-web | codex-flow-threejs-interaction | Three.js interaction patterns for picking, controls, and UX feedback |
/animation/threejs-lighting | frontend-web | codex-flow-threejs-lighting | Lighting composition patterns for realistic and performant 3D scenes |
/animation/threejs-loaders | frontend-web | codex-flow-threejs-loaders | Asset loader patterns for GLTF and other 3D formats |
/animation/threejs-materials | frontend-web | codex-flow-threejs-materials | Material system patterns for physically-based and stylized rendering |
/animation/threejs-postprocessing | frontend-web | codex-flow-threejs-postprocessing | Post-processing pipeline setup for cinematic and polished rendering |
/animation/threejs-shaders | frontend-web | codex-flow-threejs-shaders | Custom shader workflows and GPU effect patterns for advanced visuals |
/animation/threejs-textures | frontend-web | codex-flow-threejs-textures | Texture loading and optimization patterns for Three.js scenes |
/animation/ui-animation | frontend-web | codex-flow-ui-animation | UI animation patterns with performance and accessibility constraints |
/api-design | backend-platform | codex-flow-api-design | REST API contract design, versioning, and error strategy |
/architect-review | review | codex-flow-architect-review | Architecture-focused review for scalability, maintainability, and distributed-systems risk |
/autonomous-agent-harness | ai-agent-ops | codex-flow-autonomous-agent-harness | Persistent autonomous agent setup with scheduling and memory |
/autonomous-agent-patterns | ai-agent-ops | codex-flow-autonomous-agent-patterns | Autonomous coding-agent loop and permission-pattern design inspired by production agent systems |
/autonomous-loops | ai-agent-ops | codex-flow-autonomous-loops | Autonomous loop architectures with guardrails and recovery controls |
/backend-patterns | backend-platform | codex-flow-backend-patterns | Backend architecture patterns for services and APIs |
/browser-qa | frontend-web | codex-flow-browser-qa | Automated visual testing and interaction verification after UI changes |
/build-tools/monorepo-management | frontend-web | codex-flow-monorepo-management | Monorepo dependency and task orchestration best practices |
/build-tools/nx | frontend-web | codex-flow-nx-ai-agents-config | Nx workspace exploration, code generation, and task execution flow |
/build-tools/nx-monorepo | frontend-web | codex-flow-nx-monorepo | Nx monorepo setup and workflow patterns from developer-kit |
/build-tools/nx-workspace-patterns | frontend-web | codex-flow-nx-workspace-patterns | Nx workspace architecture and maintenance patterns from wshobson pack |
/build-tools/tailwind-css-patterns | frontend-web | codex-flow-tailwind-css-patterns | Tailwind CSS implementation patterns from developer-kit |
/build-tools/turborepo | frontend-web | codex-flow-turborepo | Turborepo task pipelines, cache strategy, and CI optimization patterns |
/build-tools/turborepo-caching | frontend-web | codex-flow-turborepo-caching | Turborepo cache optimization patterns from wshobson pack |
/build-tools/turborepo-monorepo | frontend-web | codex-flow-turborepo-monorepo | Turborepo monorepo setup patterns from developer-kit |
/build-tools/vitepress | frontend-web | codex-flow-vitepress | VitePress documentation and static-site build workflow |
/ceo-review | leadership-review | codex-flow-plan-ceo-review | Founder-mode plan review |
/ci | community | codex-flow-gh-fix-ci | Inspect and fix failing GitHub Actions checks |
/claude-devfleet | ai-agent-ops | codex-flow-claude-devfleet | Worktree-based multi-agent coding orchestration and reporting |
/click-path-audit | frontend-web | codex-flow-click-path-audit | Trace state transitions for button and interaction paths to catch hidden UI bugs |
/cloud/gcp-verify | backend-platform | codex-flow-always-verify-gcp | Google Cloud command verification workflow using official docs, dry-run checks, and explicit approval gates |
/code/license-header-adder | core | codex-flow-license-header-adder | Add standardized license headers to new source files with language-aware comment styles |
/context-budget | ai-agent-ops | codex-flow-context-budget | Context-window audit and token optimization planning |
/continuous-agent-loop | ai-agent-ops | codex-flow-continuous-agent-loop | Continuous autonomous loop pattern with quality gates |
/continuous-learning | ai-agent-ops | codex-flow-continuous-learning | Extract and evolve reusable patterns from session history |
/database-migrations | backend-platform | codex-flow-database-migrations | Schema and data migration workflow with rollback planning |
/database/schema-validator | backend-platform | codex-flow-database-schema-validator | Validate SQL schema safety and naming rules using deterministic policy checks |
/debug | core | codex-flow-debug | Systematic bug investigation and diagnosis |
/delivery | knowledge-work | codex-flow-engineering-delivery | Delivery coordination, bug triage, and release handoff |
/deploy | core | codex-flow-deploy | Deployment readiness and rollout checks |
/deployment-patterns | backend-platform | codex-flow-deployment-patterns | Production rollout, health checks, and rollback-safe deployment flow |
/design-system | frontend-web | codex-flow-design-system | Generate and audit reusable design system primitives and standards |
/design/arrange | frontend-web | codex-flow-arrange | Layout arrangement and visual hierarchy optimization |
/design/colorize | frontend-web | codex-flow-colorize | Color-system refinement and palette harmonization for production UI |
/design/critique | frontend-web | codex-flow-critique | Design critique workflow to identify visual and UX weaknesses before implementation |
/design/frontend-design-system | frontend-web | codex-flow-frontend-design-system | Frontend design system construction and standardization workflow |
/design/polish | frontend-web | codex-flow-polish | Final UI polish pass for spacing, consistency, and finish quality |
/design/typeset | frontend-web | codex-flow-typeset | Typography hierarchy and readability optimization across screens |
/design/typography-audit | frontend-web | codex-flow-typography-audit | Typography audit for readability and hierarchy consistency |
/design/ui-audit | frontend-web | codex-flow-ui-audit | UI audit workflow for visual consistency and interaction quality |
/design/ui-design | frontend-web | codex-flow-ui-design | Practical UI design workflow for production frontend interfaces |
/design/ui-ux-pro-max-kimny | frontend-web | codex-flow-ui-ux-pro-max-kimny | Alternative UI and UX Pro Max workflow from community template implementation |
/design/web-design-guidelines | frontend-web | codex-flow-web-design-guidelines | Web design guideline enforcement from kimny template skill set |
/django-patterns | language-engineering | codex-flow-django-patterns | Django and DRF architecture, ORM, and service-layer patterns |
/django-security | security-guard | codex-flow-django-security | Django-specific security hardening checklist and patterns |
/django-tdd | language-engineering | codex-flow-django-tdd | pytest-django testing workflow for Django applications |
/dmux-workflows | ai-agent-ops | codex-flow-dmux-workflows | Multi-agent pane orchestration for concurrent task execution |
/docker-patterns | backend-platform | codex-flow-docker-patterns | Containerization and Docker Compose service orchestration patterns |
/documentation-lookup | ai-agent-ops | codex-flow-documentation-lookup | Use up-to-date docs through MCP before coding uncertain APIs |
/e2e-testing | frontend-web | codex-flow-e2e-testing | Cross-project E2E testing strategy and flake-resistant test design |
/eval-harness | ai-agent-ops | codex-flow-eval-harness | Formal evaluation harness for task quality and pass-rate tracking |
/flow/bootstrap | workflow-commands | codex-flow-project-bootstrap | Greenfield setup and day-0 foundation |
/flow/build | workflow-commands | codex-flow-tdd, codex-flow-test-gate, codex-flow-quality-gate | Test-first implementation with quality gating |
/flow/content | workflow-commands | codex-flow-content-factory | Content research, generation, and audit workflow |
/flow/continuity | workflow-commands | codex-flow-continuity | Session continuity and durable memory workflow |
/flow/debug | workflow-commands | codex-flow-debugging | Systematic root-cause analysis and fix verification |
/flow/demo | workflow-commands | codex-flow-how-it-work | Workflow kit onboarding walkthrough |
/flow/deploy | workflow-commands | codex-flow-safe-deploy | Release pipeline with safety gates |
/flow/plan | workflow-commands | codex-flow-planning | Planning scope, architecture, and approval gates |
/flow/review | workflow-commands | codex-flow-code-review | PR review and feedback handling workflow |
/flow/track | workflow-commands | codex-flow-ads-tracker | Attribution and conversion-tracking setup |
/flow/ux | workflow-commands | codex-flow-ui-preview | UX analysis, preview, and design validation |
/frameworks/angular-state-management | frontend-web | codex-flow-angular-state-management | Angular Signals, NgRx, and RxJS state architecture patterns |
/frameworks/angular-ui-patterns | frontend-web | codex-flow-angular-ui-patterns | Angular UI loading/error/display patterns for resilient component UX |
/frameworks/astro | frontend-web | codex-flow-astro | Astro islands architecture for content-heavy sites with zero-JS-by-default delivery |
/frameworks/nextjs-app-router | frontend-web | codex-flow-nextjs-app-router-developer-kit | Next.js App Router implementation patterns from developer-kit |
/frameworks/nextjs-app-router-patterns | frontend-web | codex-flow-nextjs-app-router-patterns | App Router patterns from wshobson agents skill pack |
/frameworks/nextjs-data-fetching | frontend-web | codex-flow-nextjs-data-fetching | Next.js data fetching strategy and cache behavior patterns |
/frameworks/nextjs-performance | frontend-web | codex-flow-nextjs-performance | Next.js performance optimization and rendering discipline |
/frameworks/react-patterns | frontend-web | codex-flow-react-patterns | React architecture patterns from developer-kit |
/frameworks/react-ui-patterns | frontend-web | codex-flow-react-ui-patterns | Modern React UI states for loading, errors, optimistic flows, and graceful degradation |
/frameworks/sveltekit | frontend-web | codex-flow-sveltekit | SvelteKit full-stack routing, SSR/SSG, and form-action implementation patterns |
/frameworks/tanstack-integration | frontend-web | codex-flow-tanstack-integration-best-practices | Integrated TanStack Query + Router + Start data flow, SSR hydration, and cache coordination patterns |
/frameworks/tanstack-router | frontend-web | codex-flow-tanstack-router-best-practices | TanStack Router type-safe routing, loaders, search params, and navigation patterns |
/frameworks/tanstack-start | frontend-web | codex-flow-tanstack-start-best-practices | TanStack Start full-stack patterns for server functions, middleware, SSR, and auth boundaries |
/frameworks/vercel-composition-patterns | frontend-web | codex-flow-vercel-composition-patterns | Component composition patterns from Vercel agent skill set |
/frameworks/vercel-react-best-practices | frontend-web | codex-flow-vercel-react-best-practices | Vercel React best-practice ruleset for performance and correctness |
/frontend-design | frontend-web | codex-flow-frontend-design | Design-led web UI implementation and visual direction |
/frontend-patterns | frontend-web | codex-flow-frontend-patterns | Frontend architecture and UI implementation patterns from production workflows |
/frontend/aceternity-builder | frontend-web | codex-flow-frontend-aceternity | Frontend Aceternity integration workflow for reusable React section patterns and landing blocks |
/frontend/animation-micro-interactions | frontend-web | codex-flow-animation-micro-interaction-pack | Micro-interaction pattern pack for meaningful UI motion feedback |
/frontend/component-scaffold | frontend-web | codex-flow-component-scaffold-generator | Generate reusable frontend component scaffolds with naming and structure conventions |
/frontend/dark-mode | frontend-web | codex-flow-dark-mode-implementer | Implement dark mode with token-safe and contrast-safe theming |
/frontend/design-to-component | frontend-web | codex-flow-design-to-component-translator | Translate design intent into reusable production components |
/frontend/form-wizard | frontend-web | codex-flow-form-wizard-builder | Build multi-step form wizard flows with UX-safe state transitions |
/frontend/i18n | frontend-web | codex-flow-i18n-frontend-implementer | Frontend i18n implementation patterns and localization-safe UI structure |
/frontend/modal-drawer-system | frontend-web | codex-flow-modal-drawer-system | Standardized modal and drawer patterns for consistent interactions |
/frontend/page-layout | frontend-web | codex-flow-page-layout-builder | Page layout construction with responsive information hierarchy |
/frontend/react-hook-builder | frontend-web | codex-flow-react-hook-builder | Create reusable custom React hooks with solid API boundaries |
/frontend/react-server-components | frontend-web | codex-flow-react-server-components | React Server Component boundary and rendering strategy guidance |
/frontend/refactor-planner | frontend-web | codex-flow-frontend-refactor-planner | Plan safe frontend refactors with regression risk controls |
/frontend/responsive-design-system | frontend-web | codex-flow-responsive-design-system | Responsive design-system setup for multi-breakpoint UI consistency |
/frontend/state-ux-flow | frontend-web | codex-flow-state-ux-flow-builder | State and UX-flow modeling for complex interaction journeys |
/frontend/table-builder | frontend-web | codex-flow-table-builder | Data table construction patterns with sorting, filtering, and pagination |
/frontend/tailwind-gradient-builder | frontend-web | codex-flow-tailwind-gradient-builder | Tailwind gradient system generation for consistent visual depth |
/frontend/tanstack-query-setup | frontend-web | codex-flow-tanstack-query-setup | Set up TanStack Query patterns for cache, invalidation, and retries |
/frontend/zustand-state | frontend-web | codex-flow-zustand-state-builder | Zustand state-store architecture for scalable frontend state management |
/git-workflow | backend-platform | codex-flow-git-workflow | Branching and collaboration workflow for multi-contributor engineering teams |
/git/commit-formatter | core | codex-flow-git-commit-formatter | Conventional Commits message formatting for clean and consistent git history |
/golang-patterns | language-engineering | codex-flow-golang-patterns | Idiomatic Go patterns for reliability and maintainability |
/golang-testing | language-engineering | codex-flow-golang-testing | Table-driven tests, benchmarks, and coverage workflow for Go |
/healthcare-phi-compliance | security-guard | codex-flow-healthcare-phi-compliance | PHI and PII handling compliance patterns for sensitive systems |
/hexagonal-architecture | backend-platform | codex-flow-hexagonal-architecture | Ports and adapters architecture for maintainable service boundaries |
/high-signal-review | review | codex-flow-high-signal-review | Risk-prioritized review pass |
/impl-review | review | codex-flow-impl-review | Implementation diff review with regression checks |
/knowledge | knowledge-work | codex-flow-enterprise-search | Enterprise knowledge lookup and answer synthesis |
/kotlin-patterns | language-engineering | codex-flow-kotlin-patterns | Kotlin idioms and architecture patterns for backend and mobile |
/kotlin-testing | language-engineering | codex-flow-kotlin-testing | Kotest and coroutine testing workflow for Kotlin projects |
/laravel-patterns | language-engineering | codex-flow-laravel-patterns | Laravel service architecture, Eloquent, queues, and APIs |
/laravel-security | security-guard | codex-flow-laravel-security | Laravel security patterns for auth, validation, and secrets |
/laravel-tdd | language-engineering | codex-flow-laravel-tdd | PHPUnit/Pest-driven TDD flow for Laravel projects |
/marketing/analytics/ab-test-setup | marketing | codex-flow-ab-test-setup | Experiment design and A/B test setup for reliable growth decisions |
/marketing/analytics/tracking | marketing | codex-flow-analytics-tracking | Analytics tracking architecture for attribution, funnel diagnostics, and iteration |
/marketing/campaigns/developer-ads | marketing | codex-flow-developer-ads | Developer-focused ads strategy across technical channels and messaging |
/marketing/campaigns/developer-email-sequences | marketing | codex-flow-developer-email-sequences | Developer-specific email sequence strategy tied to product adoption milestones |
/marketing/campaigns/email-sequence | marketing | codex-flow-email-sequence | Lifecycle and nurture email sequence design for activation and conversion |
/marketing/campaigns/launch | marketing | codex-flow-launch-strategy | Launch strategy planning across positioning, channels, and rollout timing |
/marketing/campaigns/paid-ads | marketing | codex-flow-paid-ads | Paid ads campaign strategy, targeting, and creative-testing workflow |
/marketing/content/social | marketing | codex-flow-social-content | Social content strategy and production flow for demand capture and awareness |
/marketing/content/strategy | marketing | codex-flow-content-strategy | Content strategy planning across funnel stages and distribution channels |
/marketing/content/technical-tutorials | marketing | codex-flow-technical-tutorials | Technical tutorial planning and writing for developer-led acquisition |
/marketing/context/product-marketing | marketing | codex-flow-product-marketing-context | Product marketing context framing before campaign or channel execution |
/marketing/conversion/page-cro | marketing | codex-flow-page-cro | Landing-page CRO workflow for conversion lift and friction reduction |
/marketing/conversion/signup-flow-cro | marketing | codex-flow-signup-flow-cro | Signup-flow conversion optimization across form, UX, and onboarding handoff |
/marketing/creative/ad-creative | marketing | codex-flow-ad-creative | Ad creative ideation and iteration workflow for performance campaigns |
/marketing/devrel/advocacy | marketing | codex-flow-developer-advocacy | Developer advocacy strategy for trust, adoption, and community pull |
/marketing/devrel/community-building | marketing | codex-flow-community-building | Community-building programs for sustained engagement and retention |
/marketing/devrel/github-presence | marketing | codex-flow-github-presence | GitHub presence optimization for discoverability and conversion to product usage |
/marketing/devrel/open-source | marketing | codex-flow-open-source-marketing | Open-source marketing strategy for distribution, credibility, and growth loops |
/marketing/distribution/dev-tool-directory-listings | marketing | codex-flow-dev-tool-directory-listings | Dev-tool directory listing strategy and optimization for qualified traffic |
/marketing/distribution/developer-newsletter | marketing | codex-flow-developer-newsletter | Developer newsletter editorial and distribution strategy for recurring demand |
/marketing/growth/churn-prevention | marketing | codex-flow-churn-prevention | Churn prevention strategy across lifecycle messaging and product touchpoints |
/marketing/growth/referral-program | marketing | codex-flow-referral-program | Referral program design and incentive mechanics for compounding growth |
/marketing/messaging/copywriting | marketing | codex-flow-copywriting | Persuasive copywriting for landing pages, ads, and lifecycle messaging |
/marketing/ops/revops | marketing | codex-flow-revops | Revenue operations alignment across acquisition, sales handoff, and retention metrics |
/marketing/pricing/strategy | marketing | codex-flow-pricing-strategy | Pricing and packaging strategy for better monetization and positioning |
/marketing/pricing/usage-based | marketing | codex-flow-usage-based-pricing | Usage-based pricing design for developer and API-first products |
/marketing/product/developer-onboarding | marketing | codex-flow-developer-onboarding | Developer onboarding journey optimization from first key to first success |
/marketing/product/sdk-dx | marketing | codex-flow-sdk-dx | SDK and DX improvements that increase activation and reduce onboarding drop-off |
/marketing/research/competitor-alternatives | marketing | codex-flow-competitor-alternatives | Alternative-page and competitor-positioning strategy for acquisition intent |
/marketing/research/customer | marketing | codex-flow-customer-research | Customer research synthesis for messaging, channel, and offer decisions |
/marketing/sales/enablement | marketing | codex-flow-sales-enablement | Sales enablement assets and narratives that improve close rates |
/marketing/seo/ai-seo | marketing | codex-flow-ai-seo | AI-assisted SEO workflow for research, content planning, and optimization |
/marketing/seo/audit | marketing | codex-flow-seo-audit | SEO audit workflow for technical issues and content gaps |
/marketing/seo/backlinks | marketing | codex-flow-seo-backlinks | Backlink strategy for authority growth and organic ranking lift |
/marketing/seo/content | marketing | codex-flow-seo-content | SEO content strategy for topic coverage and intent matching |
/marketing/seo/developer-seo | marketing | codex-flow-developer-seo | Developer SEO strategy for technical audiences and product-led discovery |
/marketing/seo/hreflang | marketing | codex-flow-seo-hreflang | Hreflang implementation workflow for multi-region and multilingual SEO |
/marketing/seo/plan | marketing | codex-flow-seo-plan | SEO planning workflow with prioritized actions and measurable outcomes |
/marketing/seo/programmatic | marketing | codex-flow-seo-programmatic | Programmatic SEO strategy for scalable long-tail acquisition |
/marketing/seo/schema | marketing | codex-flow-seo-schema | Schema markup strategy to improve SERP features and relevance signals |
/marketing/seo/sitemap | marketing | codex-flow-seo-sitemap | Sitemap strategy and governance for efficient crawl prioritization |
/marketing/seo/technical | marketing | codex-flow-seo-technical | Technical SEO workflow for crawlability, indexation, and site health |
/mcp-builder | community | codex-flow-mcp-builder | Design and implement MCP servers with evaluation loops |
/mcp-server-patterns | backend-platform | codex-flow-mcp-server-patterns | MCP server tool/resource design and implementation patterns |
/memory | core | codex-flow-memory | Durable memory capture and retrieval policy |
/mobile | mobile | codex-flow-mobile-developer | iOS, Android, Flutter, and React Native implementation support |
/mobile-qa | mobile | codex-flow-mobile-qa | Mobile QA coverage with simulator and device-aware checks |
/next-best-practices | frontend-web | codex-flow-next-best-practices | Next.js App Router boundaries, runtime, and data-fetch patterns |
/parallel-review | review | codex-flow-parallel-review | Independent review passes with reconciliation |
/performance/core-web-vitals | frontend-web | codex-flow-core-web-vitals | Core Web Vitals diagnostics and optimization workflow |
/performance/react-component-performance | frontend-web | codex-flow-react-component-performance | Targeted React render-performance diagnosis and optimization patterns |
/performance/web-performance-optimization | frontend-web | codex-flow-web-performance-optimization | Systematic web-performance optimization for bundles, runtime, caching, and loading speed |
/plan | core | codex-flow-plan | Implementation planning and scoped execution plan |
/playwright-best-practices | frontend-web | codex-flow-playwright-best-practices | Playwright E2E and regression test best practices |
/postgres-patterns | backend-platform | codex-flow-postgres-patterns | PostgreSQL schema, indexing, and query optimization patterns |
/pr-comments | community | codex-flow-gh-address-comments | Address PR review threads and issue comments |
/pr-review | review | codex-flow-pr-review | High-rigor pull request review |
/product | knowledge-work | codex-flow-product-strategy | PRD framing, requirements, and tradeoff analysis |
/productivity | knowledge-work | codex-flow-productivity-ops | Inbox triage, prioritization, and execution cadence |
/python-patterns | language-engineering | codex-flow-python-patterns | Python architecture and idiomatic implementation patterns |
/python-testing | language-engineering | codex-flow-python-testing | pytest and TDD workflow for robust Python test suites |
/python/json-to-pydantic | language-engineering | codex-flow-json-to-pydantic | Convert JSON payloads into typed Pydantic models with nested class inference |
/qa | frontend-web | codex-flow-qa | Regression verification workflow for frontend surfaces |
/qa-web | community | codex-flow-webapp-testing | Local web app smoke testing and browser debugging |
/react-best-practices | frontend-web | codex-flow-react-best-practices | React + Vite architecture, performance, and deployment hardening |
/react-state | frontend-web | codex-flow-react-state-management | State strategy across local, server, and URL state in React apps |
/repo-scan | backend-platform | codex-flow-repo-scan | Cross-stack source audit and module-level risk classification |
/retro | leadership-review | codex-flow-retro | Engineering retrospective workflow |
/review | core | codex-flow-review | Risk-first code review and regression analysis |
/rust-patterns | language-engineering | codex-flow-rust-patterns | Rust ownership, error handling, and concurrency design patterns |
/rust-testing | language-engineering | codex-flow-rust-testing | Rust testing strategy across unit, integration, and async paths |
/safety-guard | security-guard | codex-flow-safety-guard | Prevent destructive operations in production and autonomous loops |
/sales | knowledge-work | codex-flow-sales-execution | Sales discovery prep and follow-up structure |
/search-first | ai-agent-ops | codex-flow-search-first | Research-first workflow before custom implementation |
/security-review | security-guard | codex-flow-security-review | OWASP and CWE-focused secure coding review |
/security-scan | security-guard | codex-flow-security-scan | Configuration and workflow vulnerability scan for agent setup |
/seo/optimise-seo | frontend-web | codex-flow-optimise-seo | SEO optimization workflow for technical and on-page quality |
/ship | leadership-review | codex-flow-ship | Release and ship automation support |
/springboot-patterns | language-engineering | codex-flow-springboot-patterns | Spring Boot service architecture and API layering patterns |
/springboot-security | security-guard | codex-flow-springboot-security | Spring Security and platform hardening for Java services |
/springboot-tdd | language-engineering | codex-flow-springboot-tdd | JUnit, Mockito, and testcontainers-driven TDD for Spring Boot |
/status | core | codex-flow-status | Workspace and project status snapshot |
/strategic-compact | ai-agent-ops | codex-flow-strategic-compact | Manual compaction guidance at logical milestones |
/support | knowledge-work | codex-flow-customer-support | Support ticket triage and escalation-ready summaries |
/svelte-best-practices | frontend-web | codex-flow-svelte-code-writer | Svelte and SvelteKit implementation guidance |
/tailwind/advanced-design-systems | frontend-web | codex-flow-tailwindcss-advanced-design-systems | Advanced Tailwind design-system token and component governance patterns |
/tailwind/advanced-layouts | frontend-web | codex-flow-tailwindcss-advanced-layouts | Advanced Tailwind layout composition patterns for complex responsive interfaces |
/tailwind/animations | frontend-web | codex-flow-tailwindcss-animations | Tailwind animation patterns for performant, expressive UI motion |
/tailwind/core-patterns | frontend-web | codex-flow-tailwindcss-core | Core Tailwind utility architecture and class composition best practices |
/tailwind/design | frontend-web | codex-flow-tailwindcss-design | Tailwind-first UI design workflow for production-ready visual consistency |
/tailwind/mobile-first | frontend-web | codex-flow-tailwindcss-mobile-first | Mobile-first Tailwind workflow for breakpoint-safe component design |
/tailwind/responsive-darkmode | frontend-web | codex-flow-tailwindcss-responsive-darkmode | Responsive and dark-mode implementation patterns with Tailwind CSS |
/tanstack-query | frontend-web | codex-flow-tanstack-query-best-practices | TanStack Query data fetching and cache strategy patterns |
/tanstack-query-expert | frontend-web | codex-flow-tanstack-query-expert | Production-grade TanStack Query patterns for cache lifecycle, mutations, optimistic updates, and SSR hydration |
/team-builder | ai-agent-ops | codex-flow-team-builder | Compose and dispatch parallel specialist agent teams |
/tech-lead-review | leadership-review | codex-flow-plan-eng-review | Engineering plan review |
/test | core | codex-flow-test | Test planning and validation workflow |
/test-fixing | core | codex-flow-test-fixing | Systematic failing-test triage and grouped fix workflow |
/testing/chrome-devtools | frontend-web | codex-flow-chrome-devtools | Browser debugging and performance profiling via Chrome DevTools workflows |
/testing/e2e-patterns | frontend-web | codex-flow-e2e-testing-patterns | E2E testing patterns from wshobson agents skill set |
/testing/playwright-explore-website | frontend-web | codex-flow-playwright-explore-website | Explore websites with Playwright to derive robust test paths |
/testing/playwright-generate-test | frontend-web | codex-flow-playwright-generate-test | Generate Playwright tests from scenario descriptions |
/tool-design | ai-agent-ops | codex-flow-tool-design | Design robust agent-facing tool APIs with clear contracts and reduced routing ambiguity |
/typescript-clean-code | frontend-web | codex-flow-typescript-clean-code | TypeScript clean-code and maintainable architecture patterns |
/ui-lib/aceternity-ui | frontend-web | codex-flow-aceternity-ui | Aceternity UI component usage patterns for high-polish React interfaces |
/ui-lib/building-components | frontend-web | codex-flow-building-components | Vercel component building patterns for scalable UI libraries |
/ui-lib/shadcn | frontend-web | codex-flow-shadcn | shadcn/ui official skills workflow with project-aware context via components.json and composition-safe component generation |
/ui-lib/shadcn-skills | frontend-web | codex-flow-shadcn-skills | shadcn/ui skills.sh workflow with CLI command coverage (init/add/search/view/docs/diff/info/build) and MCP registry support |
/ui-lib/shadcn-ui | frontend-web | codex-flow-shadcn-ui | Comprehensive shadcn/ui guide with forms, charts, and controlled components |
/ui-lib/shadcn-ui-stitch | frontend-web | codex-flow-shadcn-ui-stitch | Google Stitch-oriented shadcn/ui integration patterns for rapid design-to-component workflows |
/ui-lib/tailwind-design-system | frontend-web | codex-flow-tailwind-design-system | Tailwind CSS-first design system with reusable component primitives |
/ui-lib/tailwind-v4-shadcn | frontend-web | codex-flow-tailwind-v4-shadcn | Tailwind v4 and shadcn/ui integration and migration patterns |
/ui-ux-pro-max | frontend-web | codex-flow-ui-ux-pro-max | Comprehensive UI and UX design intelligence across styles, palettes, typography, and stacks |
/validation/zod | backend-platform | codex-flow-zod-validation-expert | TypeScript-first runtime validation with Zod across APIs, forms, and server actions |
/video/remotion | frontend-web | codex-flow-remotion | React-based video production workflow with animation and timeline patterns |
/video/remotion-render | frontend-web | codex-flow-remotion-render | Remotion rendering pipeline optimization and output quality checks |
/video/remotion-stitch | frontend-web | codex-flow-remotion-stitch | Stitch plus Remotion workflow for AI-assisted video composition |
/video/remotion-video-production | frontend-web | codex-flow-remotion-video-production | Template-based Remotion video production flow for repeatable output |
/vite-best-practices | frontend-web | codex-flow-vite | Vite build, caching, and deployment correctness best practices |
/vue-best-practices | frontend-web | codex-flow-vue-best-practices | Vue architecture and composition best practices |
/web-design-review | frontend-web | codex-flow-web-design-reviewer | Structured UI and UX review feedback for shipped screens |
/web-quality | frontend-web | codex-flow-web-quality | Core Web Vitals, Lighthouse, SEO, and accessibility quality gate |
/workflow-orchestration | backend-platform | codex-flow-workflow-orchestration-patterns | Temporal-oriented workflow orchestration architecture for resilient distributed processes |
Naming Convention
- Skill ID format:
codex-flow-* - Workflow file format:
codex-flow-pack-<topic>.md
CLI
| Command | Description |
|---|---|
codex-flow init | Generate all workflow packs |
codex-flow add <topic> | Generate one workflow pack |
codex-flow list | List available topics |
codex-flow status | Show installation status and generated files |
Common Flags
codex-flow init --force
codex-flow init --path ./my-project
codex-flow init --output-dir .agent-flow
codex-flow add frontend-web --path ./my-project
Usage Examples
# bootstrap full packs in current directory
npx codex-flow-cli init --path .
# add only frontend workflow pack
npx codex-flow-cli add frontend-web --force
# inspect generated state
npx codex-flow-cli status
🛠 Requirements
- Node.js ≥ 18
- Codex IDE of OpenAI
🤝 Contribution
Feel free to submit Pull Requests to optimize our AI context handling or to add support for bleeding-edge frameworks. We aim to eliminate AI Hallucinations by providing continuous, accurate Context.
📄 License
Released under the MIT License.