Strukturyksuusks pxlar.

Design

Landtyksgssda v2

Webb · Desktop 1440×900 · 12 fyllda solut

3 screens

Sektonerja solut

Blank layouts

Hero (split)

https://landing-page-v2

HEADING

IMAGE

+ Add section

Masknluyksa.e van yks skss

Sektonslänkar

Component: HeroBlockLayoutInteraction

↳ Prmon CTA bör stcka ut med scroll.

wireframe.recipe

"screen": "Landing page v2",

"device": "desktop",

"sections": ["hero-split"],

"links": "component": "HeroBlock"

En struktur,kakk kehykset.

Mobile 390×844

landing-v2

Desktop 1440×900

Tablet 1024×768

Syksgykserera.

gykserera·cone·

Sections

Hero (split)

Navbar + CTA

Inspector

Design system: Aurora

1. Screen 12. Screen 2+ Add screen

▤Code generatedScreen 3/3

export function LandingPage() { ... }

→ Wireframes

Sketch product structure as wireframes sinun team can discuss.

01 Sections & cells

Stapla osot, välj yks kolumnlayout, släpp block jokauusks solu.

02 Strukturerad data

Drektv ja länkar koht kjospouuskstt — luyksaa mänteskor ja koneer.

03 Varje kehys

Mobl, nesktop, tablet — yks wrefkehyse-system rktga ykshetskehykset.

04 Generate code

Tekoälysi reads the structure, then generates code screen by screen.

Desktop

Tutustu Wireframet

Vieritä

AI:si, MCP:n kautta

Kuvaile näyttö ja tekoälysi rakentaa wireframen MCP:n kautta — se lukee sstm://wireframe/recipe tarkan datamallin ja kirjoittaa sitten koko näytön rakenteen sstm_wireframe_build -työkalulla, kiinnitettynä design systemiisi ja linkitettynä oikeisiin komponentteihin.

Miten ihmisen portti toimii