{"slug":"dkeken-design-image-to-code","source_name":"dkeken/design-image-to-code","name":"Dkeken/Design Image To Code","description":"Turn a reference image or mockup into a working local frontend that matches it closely. Inspects the image, extracts the design system (layout, type, spacing, color, components), implements it, then screenshot-compares and iterates to close the gap. Use when the user says \"image to code\", \"build this mockup\", \"code this screenshot\", \"make this design real\", or provides a UI image to implement. Part of the Product Design set. Uses a browser tool for screenshot verification.","version":1,"lift":{"pass_rate_delta_pts":27.27,"pass_rate_pct":81.8,"total_cases":22,"passed_cases":18,"tokens_delta_pct":-2.7,"turns_delta_pct":0,"verdict":"mixed","benchmark_model":"gemini-3.6-flash","grading_method":"judged","completed_at":"2026-08-06T07:03:39.656812+00:00"},"skill_score":0.8182,"benchmark_models":[{"model":"gemini-3.6-flash","headline":true,"delta_pts":27.27,"with_pass_pct":81.8,"without_pass_pct":54.5,"tokens_delta_pct":-2.7,"turns_delta_pct":0,"total_cases":22,"cases_aggregated":20,"verdict":"mixed","never_hurt":false,"completed_at":"2026-08-06T07:03:39.656812+00:00","run_id":"575e624d-4456-42c4-9e12-dda332ecf3c9","version_number":1,"is_latest_version":true,"gate":null}],"trust":{"skill_safety":"passed","safety_status":"clean","intent_verdict":"safe","content_status":"clean","indexable":true},"license":"MIT","install_count":0,"manifest_hash":"accbdaaa61bbc385a645907aac7a52843a924dd63d48f50fa157311945a2de90","raw_url":"https://app.decimal.ai/s/dkeken-design-image-to-code/SKILL.md","scorecard_url":"https://app.decimal.ai/skills/dkeken-design-image-to-code"}