Jokainen suunnitelma 1DesignToolissa kulkee saman viisivaiheisen silmukan. Kun ymmärrät silmukan kerran, jokainen muu docs-sivu on ennustettava — ohjaus, variantit, viennit ja Build mode ovat kaikki sama ajo, eri kulmasta katsottuna.
1. Brief
Kirjoitat mitä haluat composeriin — syötekenttään jokaisen projektin alareunassa tai aloitusnäytön laatikkoon uutta projektia varten. Brief menee agentillesi pohjan, design systemin sääntöjen ja kaikkien liittämiesi pinnejen, kommenttien tai tiedostojen kanssa. Composerin agentti-chip näyttää, mitä CLI:tä ja mallia ajo käyttää.
2. Build
Sovellus käynnistää agenttisi headless-aliprosessina projektikansion
sisällä ja antaa sille briefin sekä design kitin — selkokielisen
sääntökirjan, joka kopioidaan jokaiseen projektiin (.claude/skills/ ja
kumppanit) ja kertoo agentille, mitä "hyvä" tarkoittaa tässä:
kontrastirajat, kirjasinasteikko, osumakohdekoot, merkintärakenne. Agentti
kirjoittaa oikeita tiedostoja; esikatselu tarkkailee kansiota ja piirtää
uudelleen jokaisen tiedoston saapuessa.
3. Gate
Kun vuoro päättyy, gate tarkistaa tuloksen kitiä vastaan: tekstin kontrasti, vähimmäiskirjasinkoot, kontrollikohteet, kuollut navigaatio puhelin- ja tabletileveydillä. PASS tarkoittaa, että tulos on sinun; FAIL listaa tarkalleen, mikä sääntö rikkoutui ja missä, ja voit lähettää havainnot takaisin agentille yhden rivin korjausbriefinä. Katso Design kit -gate.
4. Ohjaa
Tässä muovaat luonnoksen suunnitelmaksi: ⌥-klikkaa elementtiä pinnataksesi siihen kommentin, avaa Tweaks agentin tarjoamille reaaliaikaisille säädöille tai kirjoita jatkobrief isompaan suunnanmuutokseen. Jokainen ohjaus on uusi vuoro saman silmukan läpi — agentti rakentaa uudelleen, gate tarkistaa uudelleen.
5. Julkaise
Kun tulos on oikea, Share / export paketoi sen — ZIP, HTML, PNG, PDF, MP4, pohjan vientivalikoiman mukaan. Projektikansio pysyy sinne laittamassasi paikassa, ja jokainen versio on palautettavissa historiasta.
Vinkki: Silmukka on halpa toistaa. Aja kolme varianttia samasta briefistä, vertaile niitä sokkona ja nosta voittaja — se voittaa yhden pitkän briefin, joka yrittää arvata vastauksen.