Codex Skill Pack

Codex Skill Pack is a portable set of reusable Codex skills for engineers, designers, and researchers who want consistent workflows for frontend delivery, UX planning, and structured research.

What’s inside

• skill-creator: Creates or upgrades skills with stronger structure, trigger rules, and workflow guidance.
• skill-installer: Installs skills from curated sources or GitHub paths into your Codex skills directory.
• deep-research: Runs structured multi-source research and produces evidence-backed conclusions.
• frontend-ux-ui: Designs and builds production-grade UI for Next.js + Tailwind + shadcn/ui + TypeScript.
• n8n-code-javascript: Guides JavaScript Code node implementation patterns in n8n.
• n8n-code-python: Guides Python Code node implementation patterns in n8n.
• n8n-expression-syntax: Validates and fixes n8n expression syntax and variable references.
• n8n-mcp-tools-expert: Helps choose and use n8n MCP tools effectively for build and validation workflows.
• n8n-node-configuration: Provides operation-aware node configuration guidance and required-field mapping.
• n8n-validation-expert: Interprets validation errors and maps them to concrete fixes.
• n8n-workflow-patterns: Shares proven n8n workflow architecture patterns for common automation scenarios.
• product-designer: Translates product requirements into UX strategy, flows, and implementation-ready specs.

Install

Option A: Copy into ~/.codex/skills

mkdir -p ~/.codex/skills
cp -R skills/* ~/.codex/skills/

Option B: Run installer script

bash install/install.sh

install/install.sh writes to ${CODEX_SKILLS_DIR:-$HOME/.codex/skills}. Set CODEX_SKILLS_DIR to override the destination.

Quick Install Command: CODEX_SKILLS_DIR="$HOME/.codex/skills" bash install/install.sh

How to use

Each skill includes three prompt styles: audit, plan-only, and implement.

skill-creator

• Audit prompt: “Use $skill-creator to audit our existing skills for Next.js + Tailwind + shadcn/ui + TypeScript workflows and flag overlap or missing safeguards.”
• Plan-only prompt: “Use $skill-creator to design a new research-to-implementation skill with trigger rules and checklist steps, but do not implement it.”
• Implement prompt: “Use $skill-creator to draft SKILL.md for a nextjs-release-readiness skill with verification gates for typecheck, tests, and build.”

skill-installer

• Audit prompt: “Use $skill-installer to assess reliability risks for installing this pack across macOS developer machines.”
• Plan-only prompt: “Use $skill-installer to propose a rollout plan for local and CI setup using CODEX_SKILLS_DIR.”
• Implement prompt: “Use $skill-installer to generate exact install and verification commands for all skills in this repo.”

deep-research

• Audit prompt: “Use $deep-research to compare 5 competitor onboarding flows and summarize repeatable UX patterns with evidence links.”
• Plan-only prompt: “Use $deep-research to produce a research plan for validating Tailwind + shadcn/ui decisions before coding.”
• Implement prompt: “Use $deep-research to deliver a decision memo with recommendations, trade-offs, and measurable success criteria.”

frontend-ux-ui

• Audit prompt: “Use $frontend-ux-ui to audit our Next.js + Tailwind + shadcn/ui + TypeScript checkout flow for accessibility and conversion friction.”
• Plan-only prompt: “Use $frontend-ux-ui to create a redesign plan for our analytics dashboard, including component map and acceptance criteria.”
• Implement prompt: “Use $frontend-ux-ui to implement the approved dashboard redesign with responsive behavior verification.”

n8n-code-javascript

• Audit prompt: “Use $n8n-code-javascript to review our Code node that transforms Next.js webhook payloads into normalized JSON.”
• Plan-only prompt: “Use $n8n-code-javascript to plan a JS Code node strategy for enriching research records before database write.”
• Implement prompt: “Use $n8n-code-javascript to write a Code node script that parses events, handles null-safe fields, and returns clean output items.”

n8n-code-python

• Audit prompt: “Use $n8n-code-python to audit our Python Code node for cleaning research exports before syncing to a Next.js admin panel.”
• Plan-only prompt: “Use $n8n-code-python to design a Python deduplication and scoring approach for interview notes in n8n.”
• Implement prompt: “Use $n8n-code-python to implement a Python Code node that normalizes text and outputs per-record quality scores.”

n8n-expression-syntax

• Audit prompt: “Use $n8n-expression-syntax to audit workflow expressions that feed analytics into our Next.js TypeScript dashboard.”
• Plan-only prompt: “Use $n8n-expression-syntax to outline a validation plan for webhook/body/query expressions before activation.”
• Implement prompt: “Use $n8n-expression-syntax to fix invalid expressions and return corrected snippets for each failing node.”

n8n-mcp-tools-expert

• Audit prompt: “Use $n8n-mcp-tools-expert to review whether we are using the right n8n MCP tools for our research ingestion workflow.”
• Plan-only prompt: “Use $n8n-mcp-tools-expert to create a tool-selection plan for node search, config validation, and execution testing.”
• Implement prompt: “Use $n8n-mcp-tools-expert to generate the exact MCP tool call sequence for build and validation.”

n8n-node-configuration

• Audit prompt: “Use $n8n-node-configuration to audit HTTP Request, Set, and Database nodes powering metrics in our Next.js admin view.”
• Plan-only prompt: “Use $n8n-node-configuration to produce a configuration plan for retries, auth fields, and payload mapping.”
• Implement prompt: “Use $n8n-node-configuration to provide corrected node-by-node config for our webhook-to-database pipeline.”

n8n-validation-expert

• Audit prompt: “Use $n8n-validation-expert to analyze current validation errors in our workflow that publishes insights to a Next.js dashboard.”
• Plan-only prompt: “Use $n8n-validation-expert to plan a staged validation loop for expression, connection, and node-config issues.”
• Implement prompt: “Use $n8n-validation-expert to map each validation error to a concrete fix and updated node parameters.”

n8n-workflow-patterns

• Audit prompt: “Use $n8n-workflow-patterns to evaluate our architecture for collecting UX research and sending scored outputs to our Next.js app.”
• Plan-only prompt: “Use $n8n-workflow-patterns to design a workflow architecture for scheduled competitor research ingestion and summarization.”
• Implement prompt: “Use $n8n-workflow-patterns to draft an n8n blueprint with trigger, transform, validation, and delivery stages.”

product-designer

• Audit prompt: “Use $product-designer to audit our Next.js onboarding flow for friction points, unclear copy, and missing success metrics.”
• Plan-only prompt: “Use $product-designer to create a UX strategy for a shadcn/ui settings area with IA, flow, and acceptance criteria.”
• Implement prompt: “Use $product-designer to produce implementation-ready wireframe descriptions and microcopy for the approved redesign.”

Versioning

This repository uses semantic versioning per skill. If a skill declares a version in its SKILL.md frontmatter, that value is used directly. If not declared, this pack assigns 0.1.0 as the initial published version for that skill.

License

MIT