Loading...
Loading...
Found 3 Skills
Build landing pages and web UIs using a dark blueprint/wireframe aesthetic with sharp edges, connected sections, dashed outlines, measurement annotations, and technical typography. Use when creating marketing sites, landing pages, or product pages.
[Hyper] Create or update a ManyFast-style AI planning package from a rough product idea: PRD, visual planning diagram, feature spec, user flow, low-fidelity wireframe, HTML preview viewer, source log, and optional flow tracking under `.hypercore/prd/[slug]/`. Use when the user wants product planning output before implementation, especially PRD plus diagram/specs/flows/wireframes.
Refine text, screenshots, hand-drawn sketches, "Little Black" illustrations, or existing HTML relationship diagrams into minimal wireframes with teaching semantics; for relationship-dense diagrams, first write executable relationship structure specifications using Mermaid, then implement them as accessible, responsive inline SVGs, and simultaneously output reusable wireframe generation prompts. Used for comparison diagrams, architecture diagrams, flowcharts, interface or API diagrams, Agent collaboration diagrams, and state relationship diagrams in HTML Presentations, course pages, and web cards; activated when users request "semantic wireframes", "wireframe illustrations", "convert illustrations to SVG", "generate wireframe prompts", "draw GUI/LUI, Agent, task, or system relationships in cards", or require following the STYLE_DNA of course-design for teaching illustrations. Not applicable to photos, decorative posters, complex data charts, emotional hand-drawn illustrations, or direct editing of binary PPTX files.