pmlaowangba-lab/laowangba-pmprototype-skill

Laowangba PM Prototype Skill is a Codex Skill, a packaged set of instructions that teaches an AI coding agent a specific structured workflow, in this case for generating editable product prototypes in Figma, the popular design tool. It is aimed at product managers who need to turn a rough idea into a page-by-page prototype without designing everything by hand. The skill breaks prototype generation into a fixed sequence of steps rather than letting the agent freestyle. First it derives an information architecture from the initial brief, working out the entities, user roles, task flows, and pages involved, instead of applying a generic fixed list of admin pages. Next it settles a design plan covering subject, tone, design tokens, layout, and what makes the design distinctive. Before anything is generated in Figma, an anti-slop review step checks whether the proposed design has fallen into common, generic AI-generated visual patterns. The page specifications are then written out as structured YAML files, which later incremental edits can update directly. Finally the agent builds the actual editable Figma frames in batches, organized by page region. Using it requires a Codex or similar agent environment that supports loading skills, and if the user wants the agent to actually write into Figma, a configured Figma MCP connection or Figma plugin with specific generation capabilities. The skill also builds on a separate frontend-design skill for its visual design judgment, if that companion skill is not installed, the repository's own design and gate-checking documents cover the same ground. The README includes three worked examples: a membership system's customer-facing pages, an inventory management backend, and an AI price-comparison storefront, each showing the information architecture, design plan, and resulting page specifications. The author is explicit that the output is a prototype, not a finished UI design ready for delivery to a client or for a designer to build from directly, it is meant for communicating requirements, information architecture, and page flow. The project is released under the MIT license.