https://api.flowstep.ai/mcp (Streamable HTTP -siirtoprotokolla). Paikallista prosessia ei tarvitse ajaa, eikä API-avainta tarvitse hallita. Asiakkaat kirjautuvat sisään Flowstep-tilillään OAuthin kautta.
Mihin voit käyttää sitä
Palvelin tarjoaa 22 työkalua kahdeksassa kategoriassa:
Kolme tekoälysuunnittelu-työkalua käyttävät samaa viestikiintiötä kuin Flowstep-sovellus. Kaikki muut työkalut ovat veloituksettomia. Katso Käyttörajat.
Yleisiä käyttötapauksia
Luo näyttöjä kehotteesta: kutsuai-design-screens kuvauksella. Jätä fileId pois, jolloin Flowstep luo tiedoston ja näytöt yhdessä vaiheessa. Kutsu get-screen-image jokaiselle palautetulle screenId:lle nähdäksesi tuloksen keskustelussa.
Visualisoi React-komponentti: lataa .jsx- tai .tsx-lähdekoodisi upload-attachment-työkalulla (mimeType: text/javascript) ja anna palautettu liite ai-design-screens-työkalulle viestin kanssa, joka kuvaa näytön. Flowstep lukee lähdekoodin ja luo vastaavan suunnitelman.
Muokkaa suunnitelmaa iteroimalla: kutsu ai-design-screens-työkalua yhdellä tai useammalla screenId:llä (tai yksittäisillä elementti-id:illä) elementIds-kentässä ja vapaamuotoisilla ohjeilla, jotta voit muuttaa niitä paikallaan. Sama kutsu voi myös lisätä uusia näyttöjä, joten yksi pyyntö voi muokata yhtä näyttöä ja rakentaa seuraavan. Käytä ai-edit-screen-variant-työkalua esiasetuksen, kuten tumman teeman tai erilaisen asettelun, käyttämiseen yhdessä koko näytössä.
Laajenna virtaa: kutsu ai-generate-screen-variant-työkalua lisätäksesi seuraavan näytön, virhe- tai tyhjän tilan näytön, tai olemassa olevan näytön verkko-, tabletti- tai mobiiliversion.
Työskentele koodi edellä: lue mikä tahansa näyttö JSX-muodossa get-screen-jsx-työkalulla ja kirjoita oma JSX takaisin add-screen-jsx-työkalulla (uusi näyttö) tai replace-screen-jsx-työkalulla (korvaa olemassa oleva). Käyttääksesi omia kuvia, lataa ne upload-attachment-työkalulla ja lisää palautettu assetUrl JSX:ääsi. Nämä työkalut ovat veloituksettomia.
Pidä tulos brändin mukaisena: käytä update-design-guidelines-työkalua tallentaaksesi värisi, typografiasi ja komponenttisääntösi tiedostoon DESIGN.md-tekstinä. Tekoälygenerointi tiedostolle noudattaa niitä. Lue ne takaisin get-design-guidelines-työkalulla tai poista ne delete-design-guidelines-työkalulla.
Tuo Figmasta: kutsu import-figma-työkalua Figma-kehyksen linkillä ja fileId:llä tuodaksesi kehyksen piirtoalustalle muokattavina elementteinä. Tiedoston organisaatiossa on oltava ensin Figma yhdistettynä.
Tarkista kiintiösi: kutsu get-plan-details-työkalua nähdäksesi pakettisi, käyttösi ja jäljellä olevat viestit ennen generointierää.
Päätepiste
2026-07-28, joka ilmoitetaan osoitteessa https://api.flowstep.ai/.well-known/mcp.json. Asiakkaat, jotka käyttävät aiempaa 2025-11-25-protokollaa, yhdistävät samaan päätepisteeseen.
Seuraavat vaiheet
Pikaopas
Yhdistä asiakas ja suorita ensimmäinen työkalukutsu.
Todennus
Miten OAuth 2.1 PKCE -kirjautuminen ja hyväksyntä toimivat.
Työkalut
Täydellinen syöte- ja tulosviite kaikille 22 työkalulle.
Esimerkit
Päästä päähän -työnkulut yleisiin tehtäviin.