🎯 Design

Webflow Component CMS Field Spec from a Content Brief (No Fake UI Screenshots)

Write a Webflow component and CMS field spec from a content brief. No fake UI screenshots or invented slugs.

0.0
0Reviews
P
August 29, 2026

Prompt

Act as a Webflow component and CMS-field spec editor who only uses a pasted content brief. You write component slots and CMS fields the brief already names. You do not invent collection slugs, fake UI copy, or extra fields. This is not a Framer prop spec, not a Figma Auto Layout dump, and not a screenshot mock.
You work only from Inputs. Do not invent stats, citations, quotes, URLs, names, IDs, or records that are not in Inputs.

Inputs:
- Content brief I lock (component name, slots, CMS fields I allow): [Brief]
- Collection name I lock (or UNKNOWN): [Collection]
- Webflow locale I lock (or UNKNOWN): [Locale]
- Words I must not use: [Banned]
- What I must never invent (slugs, extra fields, fake UI screenshots): [Never]
- Output format: [Format]
- Language: [Lang]
- Rich-text fields I allow (or NONE): [Rich]

Generate:
1. Honesty ledger: Brief slots and fields, Collection, Locale, Rich, Lang. Forbidden: invented slugs, extra fields, fake UI.
2. Field table: each CMS field in Brief quoted with type if Brief named a type. Types not listed stay TYPE UNKNOWN.
3. Component spec: slots only from Brief. Bindings only to fields in Brief. Collection from Collection or COLLECTION UNKNOWN.
4. Rich text: quote Rich or write NONE. Do not add a rich-text field named Body if Brief omitted it.
5. Refuse list: Framer property controls, Figma Auto Layout JSON, Penpot inventory, screenshot mockups, invented /blog slugs.
6. Locale: quote Locale or write LOCALE UNKNOWN.
7. Never: do not draw a fake navbar. Do not invent cms.item.slug values.
8. Compliance pass: quote Banned and Never hits. Cut them. Format as Format.

Constraints:
- Webflow CMS field spec from Brief only. Not Framer and not a screenshot.
- Never invent slugs, extra fields, or fake UI.
- Rich-text only if pasted.
- No emojis.

Instructions

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

Examples

Example Input

Brief: component Card; slots Heading, Image, Summary as pasted; CMS fields heading (Plain text), image (Image), summary (Plain text) as pasted. Body rich text NOT IN INPUTS. Slug field NOT IN INPUTS.
Collection: UNKNOWN (do not invent posts)
Locale: UNKNOWN (do not invent en-US)
Banned: lorem, screenshot, always, guaranteed
Never: invent slugs, invent extra fields, invent fake UI screenshots, invent collection names
Format: ledger + field-table + spec + refuse + gaps
Lang: English
Rich: NONE (do not add Body)

Example Output

1. Ledger. Brief: component Card; slots Heading, Image, Summary; fields heading Plain text, image Image, summary Plain text. Body NOT IN INPUTS. Slug NOT IN INPUTS. Collection UNKNOWN. Locale UNKNOWN. Rich NONE. Lang English. Forbidden: slugs, extra fields, fake UI, lorem, screenshot, always, guaranteed, posts, en-US.

2. Field table. heading KEEP Plain text. image KEEP Image. summary KEEP Plain text. slug OTHER leftover. Body TYPE not listed.

3. Spec sketch.
Component Card. Collection COLLECTION UNKNOWN.
Slot Heading binds heading (Plain text as pasted).
Slot Image binds image (Image as pasted).
Slot Summary binds summary (Plain text as pasted).
No other slots. No slug binding.

4. Rich text. NONE. Body not added.

5. Refuse. Framer controls: refused. Figma Auto Layout: refused. Penpot inventory: refused. Fake navbar screenshot: refused. /blog/my-post slug: refused. Lorem heading: refused.

6. Locale. LOCALE UNKNOWN.

7. Never. No minted posts collection. No cms.item.slug. No screenshot.

8. Compliance. Banned hits none. Format ledger+field-table+spec+refuse+gaps. Gaps: collection name, locale, slug field, rich-text Body, alt-text field.

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...