Scaffold a React preview app and generate a validated UX spec from a PRD.
npx skills add https://github.com/yabafre/aped-claude --skill aped-ux
Please help me install this Agent Skill. Skill: aped-ux Source: https://github.com/yabafre/aped-claude/tree/main/src/templates/skills/aped-ux Command: npx skills add https://github.com/yabafre/aped-claude --skill aped-ux
It helps you transform a PRD into a real, interactive React UX prototype without skipping the user validation gate—so downstream architecture and planning don’t drift from product truth.
Run aped-ux after your PRD is ready, then review each screen in the local preview and choose Continue when everything is signed off.
High-intent search queries and answers about installing and using this skill.
To turn a PRD into a validated UX prototype, this Skill scaffolds a React preview app and implements screen flows using real PRD-derived content, strictly avoiding placeholder text. It outputs a UX spec, screen inventory, and component files after mandatory user review gating.
Yes, generating a React UX prototype with real content is supported through strict no lorem ipsum rules. The process assembles design DNA, normalizes layouts, and fills every screen with actual content derived directly from your existing PRD.
To ensure accessibility and responsive requirements are met, the UX prototype delivery enforces loading, empty, error, success, and disabled states. It also applies responsive behavior and dark-mode tokenization before finalizing the UX spec.
The best way to prepare a UX spec for architecture planning is to scaffold an interactive Vite and React preview app as the source of truth. This validated prototype stays intact for inspection and ensures downstream development does not drift from product truth.
Yes, the UX prototype generation process requires mandatory manual user review gating. You must review each screen in the local preview and explicitly choose to continue only when all screens are signed off.
A complete UX prototype must include loading, empty, error, success, and disabled states before generating the UX spec. It also mandates responsive behavior and dark-mode tokenization to ensure a fully accessible and validated design.
GenerativeAgentsGenerate a review-ready PRD from initial-requirements.md using the PRD template.
juniorfonteneleGenerate UI/UX design specification documents with design system and page inventory.
AradotsoMirror the React Fiber tree and profile render timelines in Vite or Webpack apps.
kinncjGenerates runnable UI mockups from approved wireframes using declared stacks.
