← Files HTML/CSS to Image APIARCHIVED FILE
.codex-plugin/plugin.json
7.3 KB · Nov 3, 2026 · 18:22 UTC
{
"name": "app-6a4d168031448191abcd6540497efb7b",
"version": "2.1.1",
"description": "Create images, website screenshots, and PDFs directly in ChatGPT with HTML/CSS to Image. Describe what you want, and ChatGPT writes the HTML and CSS and renders the result. ChatGPT can also create and manage reusable templates for you, update their designs, and render them with new content.\n\nUse it to:\n\n- Create social graphics, product images, reports, certificates, and other branded assets from HTML and CSS\n- Capture public website screenshots for previews, documentation, testing, and visual QA\n- Create, update, list, and version reusable image templates\n- Generate personalized images from templates and dynamic variables\n- Create batches of image variations with different dimensions, time zones, color schemes, and other settings\n- Export to PNG, JPG, WebP, or PDF with control over viewport size, device scale, selectors, render delays, and more\n- Deliver rendered files to your own Amazon S3 or S3-compatible storage\n- Route renders through HTTP or HTTPS proxies you configure\n- Generate dynamic Open Graph images from page metadata using a stable image URL, including for static sites",
"author": {
"name": "Code Happy, LLC"
},
"extensions": {
"com.openai": {
"review": {
"test_cases": {
"positive": [
{
"description": "Create a precisely sized social image from HTML and CSS and return an inline preview.",
"prompt": "Create a 1200 by 630 social card with a dark blue background, a centered white heading that says 'Quarterly Results', and an orange accent line. Show me the finished image.",
"tools_triggered": "create_image",
"expected_behavior": "Returns a successfully rendered inline image with the requested dimensions and styling, plus its hosted asset URL."
},
{
"description": "Capture a public webpage as a full-page PDF.",
"prompt": "Capture https://example.com as a full-page PDF and give me the hosted result.",
"tools_triggered": "create_url_image",
"expected_behavior": "Returns a successful PDF asset with a link to the captured webpage result."
},
{
"description": "Create a reusable template containing clearly named placeholders.",
"prompt": "Create a reusable template named 'Event Announcement' with placeholders for title, date, and location, sized to 1200 by 630 pixels.",
"tools_triggered": "create_template",
"expected_behavior": "Creates the template and returns its template ID and version so it can be rendered or updated later."
},
{
"description": "Resolve a template by name and render it with supplied placeholder values.",
"prompt": "Find my template named 'Event Announcement' and render it with title 'Launch Night', date 'October 8', and location 'Main Hall'. Show me the result.",
"tools_triggered": "list_templates, create_templated_image",
"expected_behavior": "Selects the unambiguous matching template and returns the rendered image with the supplied values and a hosted URL."
},
{
"description": "Check the account limit before creating a small image batch.",
"prompt": "Check my maximum batch size, then create three 800 by 450 images that say 'Option A', 'Option B', and 'Option C' using the same dark background and white text.",
"tools_triggered": "get_max_batch_size, create_batch_images",
"expected_behavior": "Checks that three images fit the account limit and returns three successful deferred hosted asset URLs."
}
],
"negative": [
{
"description": "Do not trigger for requests to summarize webpage text.",
"prompt": "Read https://example.com and summarize what the page says.",
"expected_behavior": "The app should not be invoked because it captures webpages as visual assets rather than extracting or summarizing their text."
},
{
"description": "Do not trigger for editing an existing photograph.",
"prompt": "Remove the background from this portrait and retouch the lighting.",
"expected_behavior": "The app should not be invoked because it does not edit or retouch uploaded images."
},
{
"description": "Do not trigger for unrelated document creation.",
"prompt": "Create a spreadsheet that tracks my monthly household expenses.",
"expected_behavior": "The app should not be invoked because spreadsheet creation is outside its image, screenshot, PDF, and template workflows."
}
]
}
},
"publication": {
"release_notes": "Proxy and storage destination credential configuration is handled in the HCTI dashboard. Updated listing and review test cases."
}
}
},
"interface": {
"brandColorDark": "#FFFFFF",
"capabilities": [],
"category": "Developer Tools",
"defaultPrompt": [
"Create a 1200 by 630 product launch image with bold type, a modern gradient, and a clear call to action.",
"Capture my website as desktop and mobile screenshots.",
"Create an event template with title, date, and location fields, then render an example."
],
"developerName": "Code Happy, LLC",
"displayName": "HTML/CSS to Image API",
"longDescription": "Create images, website screenshots, and PDFs directly in ChatGPT with HTML/CSS to Image. Describe what you want, and ChatGPT writes the HTML and CSS and renders the result. ChatGPT can also create and manage reusable templates for you, update their designs, and render them with new content.\n\nUse it to:\n\n- Create social graphics, product images, reports, certificates, and other branded assets from HTML and CSS\n- Capture public website screenshots for previews, documentation, testing, and visual QA\n- Create, update, list, and version reusable image templates\n- Generate personalized images from templates and dynamic variables\n- Create batches of image variations with different dimensions, time zones, color schemes, and other settings\n- Export to PNG, JPG, WebP, or PDF with control over viewport size, device scale, selectors, render delays, and more\n- Deliver rendered files to your own Amazon S3 or S3-compatible storage\n- Route renders through HTTP or HTTPS proxies you configure\n- Generate dynamic Open Graph images from page metadata using a stable image URL, including for static sites",
"privacyPolicyURL": "https://htmlcsstoimage.com/privacy",
"shortDescription": "HTML to Image & URL screenshot",
"supportURL": "https://htmlcsstoimage.com",
"termsOfServiceURL": "https://htmlcsstoimage.com/terms",
"websiteURL": "https://htmlcsstoimage.com",
"logo": "./.codex-plugin/assets/icon.png",
"composerIcon": "./.codex-plugin/assets/icon.png",
"screenshots": [
"./.codex-plugin/assets/screenshot-demo.png",
"./.codex-plugin/assets/screenshot-templateeditor.png",
"./.codex-plugin/assets/screenshot-urls.png",
"./.codex-plugin/assets/screenshot-url-reader.png"
]
},
"mcpServers": "./.codex-plugin/mcp.json",
"apps": "./.app.json"
}
SHA-256: d6fbdedcb12891bd1dc9bb71996053b018d2fa65c5b5454d9650b9b4ddf960fb