🎯 Design

Framer Component Variant Breakpoint Checklist from Design Notes (No Invented Coverage Percents)

Compile a Framer component variant-breakpoint checklist from pasted design notes only. No invented coverage percents, contrast ranks, or design scoreboards. Not a live Framer sync.

0.0
0Reviews
P
October 3, 2026

Prompt

Act as a Framer component variant-breakpoint checklist engineer who only uses pasted design notes. You compile a component variant-breakpoint checklist the notes already support. You do not invent coverage percents, contrast ranks, design scoreboards, or Lighthouse claims. This is not a live Framer sync, not a Figma invent, and not accessibility consulting advice.
You work only from Inputs. Do not invent stats, citations, quotes, URLs, names, IDs, or records that are not in Inputs.

Inputs:
- Design notes I lock (component stubs, variant cues, breakpoint fragments): [DesignNotes]
- Framer project or version notes I lock: [Version]
- Project or site label I may quote (or UNKNOWN): [ProjectLabel]
- Component titles already present (or UNKNOWN): [ComponentTitles]
- Variant cues already present (or UNKNOWN): [VariantCues]
- Breakpoint cues already present (or UNKNOWN): [BreakpointCues]
- Interaction cues already present (or UNKNOWN): [InteractionCues]
- Words I must not use: [Banned]
- What I must never invent (coverage percents, contrast ranks, design scoreboards, Lighthouse claims): [Never]
- Output format: [Format]
- Language: [Lang]

Generate:
1. Honesty ledger: DesignNotes nouns, Version, ProjectLabel, ComponentTitles, VariantCues, BreakpointCues, InteractionCues, Lang. Banner: not accessibility consulting advice; not a live Framer sync. Forbidden: invented coverage percents, contrast ranks, design scoreboards, Lighthouse claims.
2. Component variant-breakpoint checklist: one checkbox row per ComponentTitles entry. Attach only VariantCues and BreakpointCues named beside that component in DesignNotes. Missing variant or breakpoint write NOT IN INPUTS.
3. Interaction sketch: for each InteractionCues entry, list components that name it. Do not invent a 94% coverage-percent claim if absent.
4. Project caution block: quote ProjectLabel and Version only. CMS packs not in DesignNotes stay NOT IN INPUTS.
5. Refuse list: inventing 94% coverage percents, inventing contrast ranks, inventing design scoreboards, inventing Lighthouse claims.
6. Compliance pass: quote Banned and Never hits. Cut them. Print component and variant counts from DesignNotes only. Format as Format.

Constraints:
- Component variant-breakpoint checklist from DesignNotes only. No invented coverage percents.
- Honor Version. No emojis. Not a live Framer dashboard. Not accessibility consulting advice.

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 Component Variant Breakpoint Checklist from Design Notes (No Invented Coverage Percents) - Result

Examples

Example Input

DesignNotes: component title Harbor Quay Nav as pasted variant cue var:quay-dark as pasted breakpoint cue bp:tablet as pasted; component title Quay Storm Hero as pasted variant cue var:storm-light as pasted. Coverage invent NONE. Contrast invent NONE.
Version: Framer as pasted (do not invent unreleased AI design coach)
ProjectLabel: Cedar Pier marketing site as pasted
ComponentTitles: Harbor Quay Nav as pasted; Quay Storm Hero as pasted. Library pack UNKNOWN.
VariantCues: variant cue var:quay-dark as pasted for Harbor Quay Nav; variant cue var:storm-light as pasted for Quay Storm Hero. Style pack UNKNOWN.
BreakpointCues: breakpoint cue bp:tablet as pasted for Harbor Quay Nav; Quay Storm Hero breakpoint NOT IN INPUTS.
InteractionCues: interaction cue hover:quay-expand as pasted for Harbor Quay Nav. CMS pack UNKNOWN.
Banned: 94% coverage, contrast rank #1, guaranteed design scoreboard
Never: invent coverage percents, invent contrast ranks, invent design scoreboards, invent Lighthouse claims
Format: ledger + component variant-breakpoint checklist + interaction sketch + project caution + refuse + compliance
Lang: English

Example Output

1. Ledger. DesignNotes: component title Harbor Quay Nav + variant cue var:quay-dark + breakpoint cue bp:tablet; component title Quay Storm Hero + variant cue var:storm-light. Coverage invent NONE. Contrast invent NONE. Version Framer. ProjectLabel Cedar Pier marketing site. ComponentTitles Harbor Quay Nav; Quay Storm Hero. VariantCues var:quay-dark for Harbor Quay Nav; var:storm-light for Quay Storm Hero. BreakpointCues bp:tablet for Harbor Quay Nav; Quay Storm Hero breakpoint NOT IN INPUTS. InteractionCues hover:quay-expand for Harbor Quay Nav. CMS pack UNKNOWN. Lang English. Banner: not accessibility consulting advice; not a live Framer sync. Forbidden: invented coverage percents, contrast ranks, design scoreboards, Lighthouse claims, 94% coverage, contrast rank #1, guaranteed design scoreboard.

2. Component variant-breakpoint checklist.
[ ] Harbor Quay Nav | variant var:quay-dark as pasted | breakpoint bp:tablet as pasted.
[ ] Quay Storm Hero | variant var:storm-light as pasted | breakpoint NOT IN INPUTS.
Style pack not attached. Library pack not added.

3. Interaction sketch.
interaction cue hover:quay-expand | component Harbor Quay Nav as pasted.
Quay Storm Hero interaction | NOT IN INPUTS.
Coverage percents NOT IN INPUTS so do not invent 94% coverage. Second interaction cue not invented.

4. Project caution. ProjectLabel Cedar Pier marketing site. Version Framer. CMS pack UNKNOWN. Do not invent Lighthouse claim packs.

5. Refuse. 94% coverage percents: refused. contrast ranks: refused. design scoreboards: refused. Lighthouse claims: refused. Unreleased AI design coach: refused.

6. Compliance. Banned hits none. Components 2. Variants named 2. Format ledger+component variant-breakpoint checklist+interaction sketch+project caution+refuse+compliance. Gaps: Quay Storm Hero breakpoint, Quay Storm Hero interaction, Style pack, Library pack, CMS pack.

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.

Reviews (0)

Please login to leave a review.
Loading reviews...