Scaffold and install codex-ui-kit assets and optional prompts in a repo. Use when adding codex-ui-kit to a project.
Installation
Details
Usage
After installing, this skill will be available to your AI coding assistant.
Verify installation:
npx agent-skills-cli listSkill Instructions
name: codex-ui-kit-installer description: "Scaffold and install codex-ui-kit assets and optional prompts in a repo. Use when adding codex-ui-kit to a project."
Codex UI Kit Installer
Compliance
- Check against GOLD Industry Standards guide in ~/.codex/AGENTS.override.md
Overview
Install the codex-ui-kit assets into a target repo and (optionally) copy the reusable prompts into the user’s Codex prompts directory.
When to use
- Installing or updating the codex-ui-kit in a repo.
- Adding the ui-codex wrapper and schema files.
- Installing Codex UI prompts into the local prompts directory.
Inputs
- Target repo root path.
- Whether prompts should be installed to
~/.codex/prompts.
Outputs
- Installed kit files in the repo.
- Optional prompts installed locally.
Philosophy
- Prefer least-privilege changes and explicit user consent.
- Preserve repo integrity; avoid overwriting unless instructed.
- Favor reproducible installs with clear verification steps.
Guiding questions
- What is the exact repo root and desired install scope?
- Why is the kit needed (triage, wrapper, prompts, update)?
- Should prompts be installed locally, and is overwrite allowed?
- How will we verify the install (file checks, permissions)?
Decision guide
- If the user wants the kit in a repo: run the installer with
--repo. - If the user wants prompts: add
--install-promptsand confirm prompt location. - If the user wants to validate without changes: use
--verifyor--dry-run.
Workflow (recommended)
- Confirm target repo root and whether prompts should be installed to
~/.codex/prompts. - Run the installer script with least-privilege flags.
- Verify files landed in the expected locations and permissions are set on
bin/ui-codex. - If prompts were installed, remind user to restart Codex CLI to load them.
- Clarify that custom prompts are local to the user’s machine and invoked explicitly (not shared via the repo).
Quick start
Run from the skill directory or reference the script directly:
scripts/install_kit.sh --repo /path/to/repo
scripts/install_kit.sh --repo /path/to/repo --install-prompts
Safety rules
- Ask before writing to
~/.codex/promptsor any non-repo location. - Avoid overwriting existing files unless the user explicitly approves
--force. - Do not add dependencies or modify package manager config.
- Prompts should be top-level Markdown files under the prompts directory; avoid subfolders.
- Redact secrets/sensitive data by default.
Variation rules
- Vary install depth by request (repo-only vs prompts-only vs full).
- Use
--dry-runfor first-time installs or risky repos. - Prefer
--verifywhen the user wants confirmation only. - Use different verification depth for updates vs fresh installs.
Empowerment principles
- Empower users with a clear rollback path (delete added files).
- Empower reviewers with a checklist of installed artifacts.
- Empower maintainers with explicit notes on what changed and why.
Anti-patterns to avoid
- Installing prompts without explicit consent.
- Overwriting custom repo files without user approval.
- Skipping executable permission checks on
bin/ui-codex.
Browser handling (macOS)
- If Safari is not the default macOS browser and you need to open URLs in Safari, use
open -a Safari "<url>".
Post-install checklist
AGENTS.mdpresent at repo root.codex/ui_report.schema.jsonpresent.bin/ui-codexpresent and executable.bin/ios-webpresent and executable; default profile opens iPad 13" Safari.bin/ios-web-storybookandbin/ios-web-openaipresent for Storybook/OpenAI widget presets.- Optional: run
scripts/verify_ui_kit.sh <repo>to confirm files, executables, and simctl availability. - Prompts visible after restarting Codex CLI (if installed).
iOS simulator defaults (web UI preview)
bin/ios-webnow defaults to an iPad 13" profile (iPad Air 13-inch (M2)) and always uses Safari via simctl openurl.- Fallback order: target device name → any available iPad → any available iPhone.
- Example (React/Vite/OpenAI widgets): start your dev server on port 5173, then run
bin/ios-web --path / --port 5173 --profile ipad_13 --snap ./artifacts/ios-ipad13.png - Example (Storybook):
bin/ios-web --port 6006 --profile ipad_13 - Presets:
bin/ios-web-storybook(port 6006, iPad 13),bin/ios-web-openai(port 5173, iPad 13). - Xcode-beta: if you need the beta toolchain, pass
--developer-dir /Applications/Xcode-beta.app/Contents/Developertoios-web(presets inherit it via extra args). - For native SwiftUI/SwiftPM apps, use the ios-debugger-agent/xcode-build skills to run the app; use
ios-webonly for web surfaces.
Resources
scripts/
scripts/install_kit.sh: Copies kit files into the repo, optionally installs prompts, supports--dry-runand--force.
references/
references/usage.md: Example install commands.
assets/
assets/codex-ui-kit/: Source files for AGENTS.md, schema, wrapper script, and prompts.
Example prompts
- “Install the codex-ui-kit into this repo.”
- “Update the UI kit and install prompts locally.”
- “Verify the kit install without changing files.”
Remember
The agent is capable of extraordinary work in this domain. These guidelines unlock that potential—they don't constrain it. Use judgment, adapt to context, and push boundaries when appropriate.
Constraints
-
Redact secrets/PII by default.
-
Avoid destructive operations without explicit user direction.
-
Redact secrets/sensitive data by default.
Validation
- Run any relevant checks or scripts when available.
- Fail fast and report errors before proceeding.
- Fail fast on first failed gate.
Procedure
- Clarify scope and inputs.
- Execute the core workflow.
- Summarize outputs and next steps.
Antipatterns
-
Do not add features outside the agreed scope.
-
Redact secrets/sensitive data by default.
More by jscraik
View allProvide a repeatable decision workflow to choose the right Codex primitive (Skill vs Custom Prompt vs Agent/automation) for any requested capability.. Use when Use this skill when the task matches its description and triggers..
Transform your web application from invisible to discoverable. This skill analyzes your codebase and implements comprehensive SEO optimizations that help search engines and social platforms understand, index, and surface your content.. Use when Use this skill when the task matches its description and triggers..
report_compiler: Summarize and compile multiple run findings into a single report with cross-run diffs and stable conclusions. Use when consolidating investigation outputs.
Prefer concise, verifiable instructions over comprehensive prose. Every command and path must be real and sourced from the repo. Treat AGENTS.md as an operator checklist: short, direct, and actionable.. Use when The user asks to create or update AGENTS.md..
