AgentFriendlyChatGPTApp / data /render-preview.json
YoussefSharawy91's picture
Deploy Apps SDK product picker
0c683e6
Raw
History Blame Contribute Delete
4.16 kB
{
"schema_version": "1.0.0",
"name": "Agent UI Demo Render Preview",
"description": "Example chat-native component tree that an assistant can use to approximate the website's preferred response UI.",
"source_files": [
"./llms.txt",
"./agent.json",
"./data/products.json",
"./data/render-preview.json"
],
"render_intent": {
"audience": "solo founder launching this weekend",
"tone": "playful, concise, practical",
"recommended_theme": "Aurora",
"primary_action": "recommend_product",
"citation_requirement": "Cite ./data/products.json for product facts and ./agent.json for display behavior."
},
"components": [
{
"id": "hero-summary",
"type": "hero_summary",
"title": "Launch this weekend",
"subtitle": "The agent interface recommends the fastest package and keeps alternatives visible.",
"badge": {
"label": "Agent-rendered",
"tone": "success"
}
},
{
"id": "recommendation",
"type": "recommendation_card",
"product_id": "launch-kit",
"title": "Recommended: Launch Kit",
"emoji": "πŸš€",
"price": "$149",
"setup_time": "1 day",
"accent_color": "#246bfe",
"reasons": [
"Fastest setup time.",
"Lowest price.",
"Focused on lead capture instead of heavy site structure."
],
"cta": {
"label": "Start with Launch Kit",
"action": "select_product",
"value": "launch-kit"
}
},
{
"id": "product-options",
"type": "card_grid",
"selection_mode": "single",
"cards": [
{
"product_id": "launch-kit",
"emoji": "πŸš€",
"title": "Launch Kit",
"badge": "Best for speed",
"price": "$149",
"meta": ["1 day", "95/100 agent score"],
"selected": true
},
{
"product_id": "signal-shop",
"emoji": "πŸ›οΈ",
"title": "Signal Shop",
"badge": "Best for products",
"price": "$249",
"meta": ["3 days", "86/100 agent score"],
"selected": false
},
{
"product_id": "studio-os",
"emoji": "πŸŽ›οΈ",
"title": "Studio OS",
"badge": "Best for services",
"price": "$399",
"meta": ["5 days", "78/100 agent score"],
"selected": false
}
]
},
{
"id": "quick-replies",
"type": "quick_reply_picker",
"question": "What should the assistant optimize for next?",
"choices": [
{
"label": "Fastest launch",
"value": "this_weekend",
"action": "recommend_product"
},
{
"label": "Selling products",
"value": "shop",
"action": "compare_products"
},
{
"label": "Premium services",
"value": "service_business",
"action": "recommend_product"
}
]
},
{
"id": "theme-selector",
"type": "theme_selector",
"selected": "Aurora",
"themes": [
{
"name": "Daylight",
"description": "Clean and practical."
},
{
"name": "Aurora",
"description": "Energetic, colorful, and demo-friendly."
},
{
"name": "Midnight",
"description": "Dark premium product comparison."
}
]
},
{
"id": "citation-footer",
"type": "citation_footer",
"citations": [
{
"label": "Product facts",
"url": "./data/products.json"
},
{
"label": "Display contract",
"url": "./agent.json"
},
{
"label": "Render preview",
"url": "./data/render-preview.json"
}
]
}
],
"assistant_fallback": {
"when_custom_components_are_unavailable": "Render the component tree as Markdown cards, a compact table, and quick-reply-style bullet choices.",
"do_not_claim": "Do not claim that this static website can force ChatGPT to display custom animated components."
}
}