CommunityCoding & Developmentgithub.com

daaaayuuuu/vibe-frontend-handbook

Codex Skill: Transform AI Agent PRDs into actual frontend closure and browser acceptance testing

What is vibe-frontend-handbook?

This skill enables an AI agent (such as Codex) to convert a Product Requirements Document (PRD) generated by an AI agent into a fully functional frontend implementation and then perform browser-based acceptance verification. It guides the agent through the complete workflow: from understanding the PRD, generating the necessary HTML, CSS, and JavaScript code, to opening the result in a browser for visual inspection and testing. This is particularly useful for rapidly prototyping user interfaces or validating design concepts directly from specifications. The skill supports platforms like Codex and emphasizes a closed-loop process where the agent not only writes code but also verifies its correctness visually, reducing the need for manual intervention. It works by leveraging the agent's ability to execute code and interact with the browser environment, ensuring the final output matches the PRD requirements.

Works with~Claude Code✓Codex CLI~Cursor
npx skills add daaaayuuuu/vibe-frontend-handbook

Installed? Explore more Coding & Development skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

What does vibe-frontend-handbook do?

Codex Skill: Transform AI Agent PRDs into actual frontend closure and browser acceptance testing

Related Skills