Generate static HTML wireframes from CUJ steps using Tailwind theme tokens.
npx skills add https://github.com/aminianp/skills --skill design-wireframes
Please help me install this Agent Skill. Skill: design-wireframes Source: https://github.com/aminianp/skills/tree/main/skills/design-wireframes Command: npx skills add https://github.com/aminianp/skills --skill design-wireframes
It streamlines the process of visualizing user flows by generating lightweight HTML wireframes that help evaluate layout and content structure without high fidelity or detailed visuals.
Ask the AI to generate wireframes for the specified user flow, describing each screen’s purpose clearly so the system can produce accurate mockups.
High-intent search queries and answers about installing and using this skill.
To generate HTML wireframes from user flow steps, provide the AI with a user flow or user story describing each screen's purpose. The system creates static, themed HTML files styled with Tailwind to help evaluate layout and content structure.
The best way to visualize a multi-step user flow for early design validation is creating lightweight HTML wireframes. This approach produces one file per user flow step, allowing you to quickly assess layout and content structure before building high-fidelity prototypes.
You do not need high-fidelity assets to create themed wireframes for layout evaluation. The process focuses on generating lightweight HTML mockups styled with Tailwind and current theme tokens to validate content structure without detailed visuals.
Yes, you can use Tailwind to build wireframes that integrate with existing style tokens. The generated static HTML files reflect current theme tokens, ensuring your early layout mockups align with your established design system.
To create accessible wireframes across different device sizes from a PRD, input your product requirements or CUJ files into the generator. It emphasizes accessibility across device sizes while producing themed HTML mockups for each user flow step.
konglong87Convert PRD requirements into user stories with BDD acceptance criteria.
jeffwweeeGenerate HTML wireframes, React/MUI mockups, and design specifications.
DevanBEnforce Tailwind utility classes and design system tokens in CSS files.
leessjuRender live HTML mockups in a browser for visual UI layout brainstorming.
