Framer Breakpoint Component Map from Project Inventory (No Invented CSS Values)

Prompt

Act as a Framer design systems specialist who only uses a pasted project inventory. You write a breakpoint component map the inventory already supports. You do not invent CSS values, pixel sizes, variant IDs, or breakpoint widths. This is not a live Framer sync and not a production CSS quote.
You work only from Inputs. Do not invent stats, citations, quotes, URLs, names, IDs, or records that are not in Inputs.

Inputs:
- Project inventory I lock (component stubs, breakpoint cues, page notes): [Inventory]
- Framer / project version notes I lock: [Version]
- Brand or workspace label I may quote (or UNKNOWN): [Workspace]
- Required component or page names I may quote (or UNKNOWN): [SpecNames]
- Component names already present (or UNKNOWN): [ComponentNames]
- Breakpoint labels already present (or UNKNOWN): [BreakpointLabels]
- Variant names already present (or UNKNOWN): [VariantNames]
- Words I must not use: [Banned]
- What I must never invent (CSS values, pixel sizes, variant IDs, breakpoint widths): [Never]
- Output format: [Format]
- Language: [Lang]

Generate:
1. Honesty ledger: Inventory nouns, Version, Workspace, SpecNames, ComponentNames, BreakpointLabels, VariantNames, Lang. Forbidden: invented CSS values, pixel sizes, variant IDs, breakpoint widths. Banner: not a live Framer sync; not a production CSS quote.
2. Breakpoint component map table: one row per Inventory component stub or breakpoint cue. Missing page notes write NOT IN INPUTS. Use Framer Components, Breakpoints, Variants, and Overrides language when Inventory supports it. Quote ComponentNames and BreakpointLabels only when present.
3. Spec name set: only names in SpecNames. Unnamed components stay NOT IN INPUTS. Never print CSS-value or pixel-size VALUES not in Inventory.
4. Version lock: print Version. Refuse Framer features newer than Version if Version is named.
5. Refuse list: inventing CSS values, inventing pixel sizes, inventing variant IDs, inventing breakpoint widths.
6. Compliance pass: quote Banned and Never hits. Cut them. Format as Format.

Constraints:
- Map from Inventory only. No invented CSS-value VALUES. Teach Framer breakpoint component mapping, not a generic Webflow or Figma swap.
- Honor Version. No emojis.

Instructions

Replace every [bracket] with your details before running. Works on ChatGPT, Claude, and Gemini.

Generated Output

This image was generated using the prompt above.

Framer Breakpoint Component Map from Project Inventory (No Invented CSS Values) - Result

Examples

Example Input

Inventory: component Harbor Quay Cleat Nav as pasted breakpoint cue Desktop Cleat as pasted page note Home as pasted; component River Ops Gate Card as pasted breakpoint cue Mobile Gate as pasted. CSS invent NONE. Pixel size NOT IN INPUTS.
Version: Framer 2024.8 as pasted (do not invent unreleased AI layout APIs)
Workspace: Harbor Quay Marketing Framer as pasted
SpecNames: Cleat Nav as pasted; Gate Card as pasted. Footer UNKNOWN.
ComponentNames: Cleat/Nav as pasted; Gate/Card as pasted. Footer/Bar UNKNOWN.
BreakpointLabels: Desktop Cleat as pasted; Mobile Gate as pasted. Tablet UNKNOWN.
VariantNames: Default as pasted; Hover Cleat as pasted. Active UNKNOWN.
Banned: guaranteed CSS, pixel invent, variant invent, breakpoint invent
Never: invent CSS values, invent pixel sizes, invent variant IDs, invent breakpoint widths
Format: ledger + table + specs + version + refuse + compliance
Lang: English

Example Output

1. Ledger. Inventory: component Harbor Quay Cleat Nav breakpoint cue Desktop Cleat page note Home; component River Ops Gate Card breakpoint cue Mobile Gate. CSS invent NONE. Pixel size NOT IN INPUTS. Version Framer 2024.8. Workspace Harbor Quay Marketing Framer. SpecNames Cleat Nav; Gate Card; Footer UNKNOWN. ComponentNames Cleat/Nav; Gate/Card; Footer/Bar UNKNOWN. BreakpointLabels Desktop Cleat; Mobile Gate; Tablet UNKNOWN. VariantNames Default; Hover Cleat; Active UNKNOWN. Lang English. Banner: not a live Framer sync; not a production CSS quote. Forbidden: invented CSS values, pixel sizes, variant IDs, breakpoint widths, guaranteed CSS, pixel invent, variant invent, breakpoint invent.

2. Breakpoint component map.
1. Harbor Quay Cleat Nav | component Cleat/Nav as pasted (ComponentNames) | breakpoint Desktop Cleat as pasted (BreakpointLabels) | page Home as pasted | variant Default as pasted; Hover Cleat as pasted (VariantNames) | CSS NONE | pixel size NOT IN INPUTS | Framer breakpoint map only.
2. River Ops Gate Card | component Gate/Card as pasted (ComponentNames) | breakpoint Mobile Gate as pasted (BreakpointLabels) | page NOT IN INPUTS | variant Default as pasted | CSS NONE | pixel size NOT IN INPUTS.
Variant IDs not invented. Breakpoint widths not printed. Tablet not claimed beyond BreakpointLabels.

3. Spec name set. Cleat Nav; Gate Card as SpecNames. Footer UNKNOWN so write Footer NOT IN INPUTS. No CSS-value VALUES printed. No third component invented.

4. Version lock. Framer 2024.8 as pasted. Unreleased AI layout APIs not used. New CMS bindings NOT IN INPUTS.

5. Refuse. CSS invent: refused. Pixel invent: refused. Variant invent: refused. Breakpoint invent: refused. Guaranteed CSS: refused.

6. Compliance. Banned hits none. Format ledger+table+specs+version+refuse+compliance. Gaps: page for River Ops Gate Card, Footer decision, Tablet BreakpointLabels, Active VariantNames, Footer/Bar ComponentNames if any.

Missing-data policy: if a field was blank, write NOT IN INPUTS rather than guessing. Lock any tool version named in Inputs; if unnamed, write unknown. No invented testimonials, star ratings, or press logos. If legal, clinical, insurance, HR, education-plan, or veterinary content appears, add a one-line not-advice and de-identify banner. Quote banned-word hits and cut them. End with a gaps list of five bullets the user still owes you. Character and byte caps in the job are hard; print counts when relevant. Refuse to backfill DOIs, exam dumps, PHI, PII, or compensation promises not in Inputs.