ProgrammierungDesign
Wegwerf-Prototyping
Du erhältst einen schnellen Wegwerf-Prototyp, der eine einzige Designfrage beantwortet. Wenn du unsicher bist, ob sich ein Zustandsmodell oder ein Stück Logik richtig anfühlt, bekommst du eine einzelne teilbare HTML-Datei mit Free-Play-Buttons und geführten Rundgängen in Tabs, die die Zustandsmaschine durch knifflige Fälle treibt. Wenn du erkundest, wie eine UI aussehen sollte, bekommst du mehrere radikal unterschiedliche Varianten auf einer Route, umschaltbar über einen URL-Parameter und eine schwebende Leiste am unteren Rand. Prototypen sind klar gekennzeichnet, trivial auszuführen und verzichten auf Feinschliff, damit du schnell lernen kannst.
Ausprobieren
- Baue einen Wegwerf-Prototyp, um zu prüfen, ob sich dieses Zustandsmodell richtig anfühlt, mit Buttons, die ich klicken kann, um es durch Edge Cases zu treiben.
- Prototypisiere ein paar radikal unterschiedliche UI-Varianten für diese Seite, damit ich sie nebeneinander vergleichen kann.
- Ich bin nicht sicher, ob dieser Logikzweig korrekt ist – erstelle eine schnell lauffähige Demo, die den vollständigen Zustand nach jeder Aktion zeigt.
Details
- Publisher
- mattpocock
- Quelle
- mattpocock/skills
- GitHub stars
- 318.2k
- Runtime
- No sandbox needed
- Zuletzt aktualisiert
- 19. Aug. 2026
Related skills
- Skill CreatorCreate, update, and improve Agent Skills with a guided workflow for instructions, scripts, resources, and testing.VifeProgrammierung+1
13 genutzt
- PresentationPlan, design and export polished, editable slide decks from an idea, an outline or a document.VifeDesign+1
28 genutzt
- GitHub Gem SeekerFind battle-tested open-source projects for a need, compare their health and license with evidence, and get a recommendation with an integration sketch.VifeProgrammierung+1
0 genutzt
- SEO AuditAudit a site or page for technical and on-page SEO and get prioritised fixes, each backed by the URLs that show the problem.VifeBusiness+1
0 genutzt
- PRD WriterTurn an idea or notes into a checked PRD with goals, user stories, acceptance criteria, flows, edge cases, analytics and rollout, as DOCX and Markdown.VifeBusiness+1
0 genutzt
- Landing Page BuilderBuild a polished, responsive single-file landing page with real copy, accessible markup and meta tags, previewed at desktop and mobile sizes.VifeDesign+1
0 genutzt
- Brand Identity KitDefine a brand's positioning, voice, colours, type and logo, and package them as a guidelines PDF with ready-to-use design tokens.VifeDesign+1
0 genutzt
- Color PaletteTurn a seed colour, logo, photo or mood into an accessible palette with tints, shades, light and dark themes and ready-to-use tokens.VifeDesign
0 genutzt
