Frontend-Mix · Explore
You are the exploration step of a manual mixed-provider build, and you are the FIRST step in the chain. This is cheap context gathering, not reasoning-heavy work - a fast, low-cost model is plenty (use /model to pick one). Your only job is to hand the plan step a tight, concrete picture of what exists and what the app needs. Don't plan, don't design, don't write code.
What to do
Look at the input the user gave you. It's one of:
- An absolute path to a spec markdown file - use the
view tool to open it end-to-end and summarize what kind of app it describes (one short paragraph - the plan step will open the spec itself for the detail).
- A free-form description of an app to build - treat the text as your spec directly. There's no file to read.
- A spec path followed by a run-name slug, space-separated - use the path as the spec and the second token as the run-name (skip step 2's auto-derivation).
If the input looks empty or unintelligible, ask the user what they want to build before continuing. Do not invent requirements.
Pick a run-name slug if one wasn't provided. Derive it from the spec / description (kebab-case, ~3-5 words, e.g. acme-saas-landing, cosmic-explorer). The run-name threads through every downstream skill via the artifact filenames, so make it short and descriptive. You establish it here; the plan, design, integrate, validate, and deploy steps all read it back from the filenames you set up.
Investigate the current repo with view / glob / grep / bash so the plan fits what already exists:
- What kind of repo is this (empty, Next.js scaffold, monorepo, something else)?
- What tooling is in place (package manager, lockfile, TypeScript, ESLint, Tailwind, shadcn)?
- Are there design tokens, brand assets, or a logo already?
- Is there a
.env / .env.local? Which variables are defined?
- What's missing and must be scaffolded from scratch?
Output
Write the context dump to .agents/artifacts/<run-name>-context.md. Create the .agents/artifacts/ directory if it doesn't exist.
Keep it concrete - file paths, versions, what's present, what's missing. The plan step feeds directly off this file. Include these clearly labeled sections:
## Spec Summary (one paragraph; what the app is)
## Spec Path (the absolute path to the spec file, or "none - description only")
## Repo State (type, what's present, what's missing)
## Framework Recommendation
## Design Tokens / Brand Assets
## Environment Variables
## Data Layer / API Shape (if the spec implies one)
## Constraints Summary
## Open Decisions (for the plan step)
Always record the Spec Path explicitly. If the user gave a spec file, write its absolute path so the plan step can open the full spec. If it was a free-form description, write "none - description only" and put the full description text under Spec Summary so no requirements are lost.
After writing the context
Tell the user the absolute path to <run-name>-context.md and the next step. The run-name is the prefix of the file you just wrote; the plan step reads it back from that filename.
Wrote .agents/artifacts/<run-name>-context.md
Next: switch to a strong reasoning model with /model, then ask Copilot to run the
frontend-mix-plan step pointed at the context.md path above.
Reasoning tips
- You are scoping, not deciding. Surface the framework and stack you'd recommend, but leave the actual architecture and page copy to the plan step.
- Be honest about what's missing. A greenfield repo with no package.json is a totally valid finding - say so plainly so the plan step knows it's scaffolding from scratch.
- One paragraph of spec summary is enough. Don't re-transcribe the spec; the plan step opens it directly via the Spec Path you record.
1---2name: frontend-mix-explore3description: Gather context for a mixed-provider full-stack build before planning. This is cheap context gathering, not reasoning-heavy work, so a fast/low-cost model is plenty (switch with /model). It inspects the repo, reads the spec if you point it at one, and writes a context.md handoff the plan step feeds off. Use this FIRST, before frontend-mix-plan. Triggers on "explore a frontend", "gather context for a mixed-provider build", "frontend-mix explore", or when given a spec markdown to scope before planning.4---56# Frontend-Mix · Explore78You are the **exploration** step of a manual mixed-provider build, and you are the FIRST step in the chain. This is cheap context gathering, not reasoning-heavy work - a fast, low-cost model is plenty (use `/model` to pick one). Your only job is to hand the plan step a tight, concrete picture of what exists and what the app needs. Don't plan, don't design, don't write code.910## What to do11121. Look at the input the user gave you. It's one of:13 - **An absolute path to a spec markdown file** - use the `view` tool to open it end-to-end and summarize what kind of app it describes (one short paragraph - the plan step will open the spec itself for the detail).14 - **A free-form description of an app to build** - treat the text as your spec directly. There's no file to read.15 - **A spec path followed by a run-name slug**, space-separated - use the path as the spec and the second token as the run-name (skip step 2's auto-derivation).1617 If the input looks empty or unintelligible, ask the user what they want to build before continuing. Do not invent requirements.18192. Pick a run-name slug if one wasn't provided. Derive it from the spec / description (kebab-case, ~3-5 words, e.g. `acme-saas-landing`, `cosmic-explorer`). **The run-name threads through every downstream skill via the artifact filenames**, so make it short and descriptive. You establish it here; the plan, design, integrate, validate, and deploy steps all read it back from the filenames you set up.20213. Investigate the current repo with `view` / `glob` / `grep` / `bash` so the plan fits what already exists:22 - What kind of repo is this (empty, Next.js scaffold, monorepo, something else)?23 - What tooling is in place (package manager, lockfile, TypeScript, ESLint, Tailwind, shadcn)?24 - Are there design tokens, brand assets, or a logo already?25 - Is there a `.env` / `.env.local`? Which variables are defined?26 - What's missing and must be scaffolded from scratch?2728## Output2930Write the context dump to `.agents/artifacts/<run-name>-context.md`. Create the `.agents/artifacts/` directory if it doesn't exist.3132Keep it concrete - file paths, versions, what's present, what's missing. The plan step feeds directly off this file. Include these clearly labeled sections:3334```35## Spec Summary (one paragraph; what the app is)36## Spec Path (the absolute path to the spec file, or "none - description only")37## Repo State (type, what's present, what's missing)38## Framework Recommendation39## Design Tokens / Brand Assets40## Environment Variables41## Data Layer / API Shape (if the spec implies one)42## Constraints Summary43## Open Decisions (for the plan step)44```4546**Always record the Spec Path explicitly.** If the user gave a spec file, write its absolute path so the plan step can open the full spec. If it was a free-form description, write "none - description only" and put the full description text under Spec Summary so no requirements are lost.4748## After writing the context4950Tell the user the absolute path to `<run-name>-context.md` and the next step. The run-name is the prefix of the file you just wrote; the plan step reads it back from that filename.5152```53Wrote .agents/artifacts/<run-name>-context.md5455Next: switch to a strong reasoning model with /model, then ask Copilot to run the56frontend-mix-plan step pointed at the context.md path above.57```5859## Reasoning tips6061- You are scoping, not deciding. Surface the framework and stack you'd recommend, but leave the actual architecture and page copy to the plan step.62- Be honest about what's missing. A greenfield repo with no package.json is a totally valid finding - say so plainly so the plan step knows it's scaffolding from scratch.63- One paragraph of spec summary is enough. Don't re-transcribe the spec; the plan step opens it directly via the Spec Path you record.
danielscholl