Build any site into an OF1 demo.

A multistep pipeline that turns any web domain into a branded, generative website — powered by Stardust, Snowflake and OF1. Run it all from SLICC with a single prompt.

Multistep pipeline · SLICC-powered · skills-v2

Overview

The OF1 demo pipeline takes a URL and produces a fully deployed, working generative website — complete with the brand's real visual identity, an EDS block library, AI-trained config, and a live OF1 search experience. You own each review gate; SLICC does the rest.

Start here: Install the skills pack (upskill command below), open SLICC, and say: "Build me an OF1 demo of [domain.com]." The /of1-demo orchestrator opens a sprinkle panel and walks you through every step.

Choose your skills version

The pipeline is published in two skills branches. Pick the version you want to install — each row below gives the exact install command, source branch, and a one-click SLICC handoff link.

Branch: skills-v2

Prerequisites

Four plugins are required. Install them once — they persist across sessions.

REQUIRED

OF1 Demo Skills

The orchestrator and all pipeline skills. Install via upskill from SLICC.

See install command below

REQUIRED

Adobe Skills

Provides stardust:extract and stardust:prototype — used for site crawling and prototype generation.

claude plugins install adobe/skills

REQUIRED

Impeccable

Frontend design skill used to generate pixel-perfect HTML prototypes from brand extraction.

claude plugins install pbakaus/impeccable

REQUIRED

Snowflake

Converts stardust prototypes to EDS block format. Provides the stardust-to-snowflake skill for EDS provisioning.

claude plugins install ai-ecoverse/snowflake

Also needed: Playwright (playwright-cli) must be available — used for screenshots, DOM extraction, and auth token retrieval. DA_TOKEN env var is needed for DA.live uploads in step 6.

The upskill command

The OF1 demo skills are published on GitHub. Install them in SLICC with the upskill command — this fetches the skills-v2 branch and makes the full pipeline available.

Install in SLICC

The pipeline

13 steps. The orchestrator runs these steps in order, pausing at review gates for your approval. Steps 8–11 run in parallel once step 7 is approved.

Phases: steps 01–03 setup & discovery, steps 04–06 EDS provisioning, steps 07–11 OF1 provisioning, steps 12–13 review & deploy.

Step 1 — Install dependencies

skill: of1-setup · automated — Auto

Step 2 — Setup AEM / DA repo

skill: of1-repo-setup — Review gate

Step 3 — Discovery

skill: of1-discovery — Review gate

Step 4 — Extraction

skill: stardust:extract (adobe/skills plugin) — Review gate

Step 5 — Prototype

skill: stardust:prototype (adobe/skills plugin) — Review gate

Step 6 — Snowflake, EDS conversion

skill: of1-snowflake + stardust-to-snowflake — Review gate

Step 7 — OF1 styling

skill: generative-block-styler — Review gate, Hard stop

Step 8 — Brand voice + content metadata

skills: brand-voice-extractor + content-metadata — Parallel

Step 9 — Block guide

skill: block-guide-builder — Parallel, Review gate

Step 10 — Suggestions

skill: quick-suggestions — Parallel

Step 11 — CTA template

skill: cta-template-builder — Parallel

Step 12 — Config review

orchestrator-inline — no scoop — Review gate, Inline

Step 13 — Deploy

skill: of1-deploy — Review gate

Running the demo

Once the pipeline completes, you have two ways to experience OF1. Use them together for the most compelling demo — start with the extension to build context, then let the /of1 page do the reveal.

Mode A

Direct — the /of1 page

Go straight to /of1, type a query or click a suggestion chip, and watch a personalized page generate in real time.

Mode B

Extension — browse to personalise

Browse the original site with the OF1 Preview extension active. A profile builds silently. Hit Personalise — the page glows, a CTA appears, click it to open /of1 with no prompt needed.

The /of1 page

Mode A. Your generative search experience. Every query produces a full branded page — assembled from the blocks you built, styled with the brand tokens you extracted, and written in the voice you configured.

Demo tip: Click a suggestion chip for your first demo — it guarantees a strong result. Then show the prompt input for "what if" questions, and use Keep Exploring to show the conversation deepening naturally.

Extension flow

Mode B. The OF1 Preview chrome extension turns any browsing session on the original site into a personalisation trigger — no query needed.

Download the extension. Download the zip, unpack it, then load it in Chrome via chrome://extensions → Developer mode → Load unpacked. It activates on the domain your demo was built for.

Download OF1 Preview v0.2

Set up — enter your tenant ID and activate. Navigate to the original site, then open the extension. You'll be prompted for a tenant ID — this tells the extension which OF1 demo to connect to. Not sure what yours is? Ask SLICC: "What is my OF1 tenant ID?" — it will read it from the deployed config. Once entered, hit Activate. The extension is now live on this domain and ready to build a profile. Tenant ID format: main--{repo}--{owner} — e.g. main--acme-demo--myorg. SLICC knows it from the repo config written during step 2 of the pipeline.

Browse the original site. Navigate to the original site — the one your demo was modelled on. Browse naturally: visit product pages, read categories, follow your interests. The extension watches every page visit and builds a silent user profile in the background. No input required from the user.

Profile builds — context accumulates. As you navigate, the extension accumulates intent signals — what categories you visited, which products you lingered on, what paths you followed. Once enough context exists, the Personalise button becomes available. The richer the browsing, the more precise the eventual generation. Demo tip: browse 3–5 pages with a clear theme (e.g. all from one product category). Consistent intent produces a more dramatic, specific personalisation than scattered browsing.

Press Personalise — the page glows. Back on the homepage, open the extension panel and press Personalise. The page transforms — a visual glow effect signals activation, and a branded CTA is injected into the page based on the user profile the extension has built.

Click the CTA — /of1 opens, no prompt needed. The injected CTA opens the /of1 page and passes the user profile as context — no typing, no prompt. The generation begins immediately, producing a page tailored to exactly what the user browsed. The profile replaces the query. This is the reveal moment: the site already knew what they were looking for.

The reveal: The power of the extension flow is that the user never typed anything — yet the generated page is specific to them. Use this to close the demo: "The site figured out what you were here for. You didn't ask. It just knew."

Key concepts

Glossary. Terms you'll encounter throughout the pipeline.

Stardust (Tool)

Snowflake (Tool)

AEM Edge Delivery Services (EDS)

DA.live (EDS)

OF1 Worker + Tenant (OF1)

Block Guide (OF1)

Sprinkle + Scoop, SLICC architecture (Arch)