A Codex/agent skill for designing and reviewing frontend interaction flows as low-cognitive-load decision systems.
It focuses on:
- task compression
- decision minimization
- finite UI state modeling
- progressive disclosure
- single primary flow architecture
- AI/vibe-coding structure constraints
- feedback loops for undo, refine, regenerate, and recovery
Copy the skill directory into your Codex skills folder:
Copy-Item -Recurse .\front-interaction-design `
"$env:USERPROFILE\.codex\skills\front-interaction-design"Or place it in a project-level skills folder:
.codex/skills/front-interaction-design/SKILL.md
Restart or open a new Codex session so the skill index can refresh.
Ask Codex for frontend interaction work, for example:
Use front-interaction-design to review this settings page flow.
Simplify this UI with progressive disclosure and finite state modeling.
Design the interaction flow first, then apply frontend visual design.
The skill file lives at:
front-interaction-design/SKILL.md
MIT