Sketch — Throwaway HTML mockups: 2-3 design variants to compare
Sketch — Throwaway HTML mockups: 2-3 design variants to compare
Finding
Denne side er vigtig, fordi den giver Hermes en native måde at afklare UI-retning hurtigt, før Lisa bygger noget tungere i n8n, LangGraph eller produktkode.
What it is
Sketch er en bundled Hermes-skill til at lave 2-3 midlertidige HTML-mockups af samme skærm eller flow. Den fokuserer på sammenligning: forskellige layout-, tætheds-, æstetik- eller handlingsprioriteter, ikke færdig produktionskode. Hver variant er en selvstændig HTML-fil med realistisk indhold, lidt interaktivitet og en kort README med designvalg og trade-offs.
Should we use it?
Use now. Den passer godt til Lisa’s Hermes+n8n+LangGraph-mission, fordi den kan afklare brugerflader, dashboard-idéer og agent-control panels før der bygges rigtige flows. Hermes bør eje den tidlige UI-afklaring; n8n og LangGraph skal først ind, når designretningen og workflow-behovet er valgt.
Recommendation
Brug Sketch som standard første trin, når Lisa skal vælge retning for en ny intern UI, public info-side, agent-dashboard eller workflow-skærm — men stop ved mockup og promover kun vinderen til rigtig kode.
Use now
- Når Lisa vil sammenligne 2-3 mulige layouts for Hermes Agent Info-sider.
- Når et n8n-dashboard, approval-flow eller operator-panel skal visualiseres før implementering.
- Når LangGraph-agentflows skal have en menneskelig kontrolflade, men interaktionsmønstret endnu er uklart.
- Når en idé er for visuel til kun at beskrive i tekst, men for umoden til produktionskode.
Do not use / wait
- Brug ikke Sketch til færdige produktionskomponenter eller shippable frontend.
- Brug det ikke, hvis designretningen allerede er besluttet; byg i stedet direkte.
- Brug det ikke til arkitekturdiagrammer; der passer diagram- eller Excalidraw-lignende skills bedre.
- Brug det ikke som permanent designarkiv; mockups skal være disposable.
Public page note
Sketch viser, hvordan Hermes kan gøre designbeslutninger konkrete med hurtige HTML-varianter, før Lisa investerer tid i rigtige workflows eller produktkode.