Skip to content

opspresso/design

v1.0.0MIT

Produce wireframes, prototypes, frontend layouts, technical diagrams, evidence-led charts, HTML reports, interactive explainers, and generated or edited images.

html-wireframe

화면 구조, 정보 위계, 내비게이션, 작업 순서를 아직 정하지 못했을 때 저충실도 HTML 와이어프레임으로 먼저 검증할 때 로드한다. 구조가 서로 다른 방향을 두셋 만들어 한 파일에서 비교한다. "구조부터 잡자", "레이아웃 두어 개 비교해 줘", "뭐가 어디 들어갈지 보자"가 트리거다. 눌러볼 수 있는 목업과 프로토타입은 html-prototype이, 제품에 들어갈 완성 UI 코드는 frontend-design이, 개념을 큰 그림으로 설명하는 지면은 html-explainer가 맡는다.

Compatibility
SaveFile 빌트인이 제시된 런에서는 HTML 파일로 남기고, 없으면 코드 블록으로 낸다. 브라우저가 없어 렌더링을 직접 확인하지 못하므로 확인하지 못한 항목을 밝힌다.
Read SKILL.md at the source

Pinned to revision 4d724b82b42f, so it is the text this page describes rather than whatever the author pushed since.

Files

Every link opens the file at its source, pinned to the revision this page describes.