{"id":4700,"external_id":"plugins_6aa301a0d98481918955ba85f921a89e","name":"engineering-suite-image-to-code","display_name":"ImageToCode","developer":"Saul Martí","category":"Creativity","listing_language":"en","listing_language_details":{"method":"cld-0.13.0/listing-v1","reliable":true,"detected_at":"2026-10-01T13:22:05Z","input_sha256":"2cc383be563264ec5a6f456cdef010cf7d68ca9055668ff518d679273ab8d78a","source_fields":["release.description","release.interface.short_description","release.interface.long_description"]},"version":"2.0.0","skill_count":5,"first_seen_at":"2026-09-30T22:02:35.000Z","last_seen_at":"2026-10-03T06:00:00.871Z","last_changed_at":"2026-09-30T22:02:35.000Z","install_count":null,"search_matches":[],"research_summary":null,"research_reviewed_at":null,"metadata":{"canonical_app_id":null,"connector_id":null,"created_at":"2026-09-10T19:47:00.643947Z","discoverability":"UNLISTED","id":"plugins_6aa301a0d98481918955ba85f921a89e","is_template":false,"name":"engineering-suite-image-to-code","release":{"app_ids":[],"app_manifest":null,"app_templates":[],"description":"Start from a supplied or generated visual reference, analyze it carefully, and implement frontend code that matches it as closely as practical.","display_name":"ImageToCode","id":"pluginrel_d1753d36009c8191b637c6452aa20c08","interface":{"brand_color":"#22C55E","capabilities":["Turn visual refs into UI"],"category":"Creativity","composer_icon_dark_url":null,"composer_icon_url":"https://files.openai.com/content?id=file_00000000224081f689d2d5d38a34d3c1","default_prompt":"Implement this screenshot as a frontend","default_prompts":["Implement this screenshot as a frontend","Turn this design reference into production UI","Recreate this visual faithfully in code"],"developer_name":"Saul Martí","logo_url":"https://files.openai.com/content?id=file_00000000cd3c81f687bbb5766d93f161","logo_url_dark":null,"long_description":"Start from a supplied or generated visual reference, analyze it carefully, and implement frontend code that matches it as closely as practical.","plugin_category_id":"creativity","privacy_policy_url":null,"screenshot_urls":[],"short_description":"Turn visual refs into UI","terms_of_service_url":null,"website_url":null},"keywords":["engineering-suite","image-to-code","skills"],"onboarding_skill_name":null,"requires_local_executor":false,"skills":[{"description":"Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.","interface":{"brand_color":null,"default_prompt":null,"display_name":"design-taste-frontend","icon_large_url":null,"icon_small_url":null,"iconography":"pen","short_description":"Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check."},"name":"design-taste-frontend","plugin_release_skill_id":"pluginrsk_6aa301a361bc81918df601e9dbaf322d"},{"description":"Use whenever the ImageToCode plugin is selected. Route the request to the intended bundled workflow while keeping all dependencies internal to this plugin.","interface":{"brand_color":null,"default_prompt":null,"display_name":"entry-image-to-code","icon_large_url":null,"icon_small_url":null,"iconography":"code","short_description":"Use whenever the ImageToCode plugin is selected. Route the request to the intended bundled workflow while keeping all dependencies internal to this plugin."},"name":"entry-image-to-code","plugin_release_skill_id":"pluginrsk_6aa301a396d481918fb8fef189d96462"},{"description":"Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.","interface":{"brand_color":null,"default_prompt":null,"display_name":"frontend-ui-engineering","icon_large_url":null,"icon_small_url":null,"iconography":"code","short_description":"Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated."},"name":"frontend-ui-engineering","plugin_release_skill_id":"pluginrsk_6aa301a38328819182fb0901c88d9442"},{"description":"Overrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles token-limit splits cleanly. Apply to any task requiring exhaustive, unabridged output.","interface":{"brand_color":null,"default_prompt":null,"display_name":"full-output-enforcement","icon_large_url":null,"icon_small_url":null,"iconography":"bolt","short_description":"Overrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles token-limit splits cleanly. Apply to any task requiring exhaustive, unabridged output."},"name":"full-output-enforcement","plugin_release_skill_id":"pluginrsk_6aa301a360a481918363b7bb5d30c26f"},{"description":"Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.","interface":{"brand_color":null,"default_prompt":null,"display_name":"image-to-code","icon_large_url":null,"icon_small_url":null,"iconography":"code","short_description":"Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop."},"name":"image-to-code","plugin_release_skill_id":"pluginrsk_6aa301a4b6188191be7ba55f8523b105"}],"version":"2.0.0"},"scope":"GLOBAL","status":"ENABLED"},"research":null,"package_metadata":{"name":"engineering-suite-image-to-code","author":{"name":"Saul Martí"},"license":"MIT","sources":[{"path":".codex-plugin/plugin.json","sha256":"0427284a8e93b20db710dba9fd83b5152e98020badde8af18934aa2a33e8a03c"}],"version":"2.0.0","keywords":["engineering-suite","image-to-code","skills"],"artifact_id":17239,"observed_at":"2026-10-03T06:34:59Z","capabilities":["Turn visual refs into UI"],"field_sources":{"name":0,"author":0,"license":0,"version":0,"keywords":0,"capabilities":0},"extraction_version":1,"conflicts_or_errors":[]}}