What problem does it solve? Converting PSD/PSB desktop website design files into front-end code requires manual inspection of fonts, sections, and image assets, which is error-prone and hard to verify. This Skill coordinates an AI agent with a deterministic local CLI to extract facts, confirm decisions with the developer, and export section-by-section assets. ## Core Features & Use Cases - Deterministic PSD Analysis: Runs preflight, font extraction, and section detection using real Photoshop Artboard boundaries, with a controlled 1920x1080 grid fallback only after explicit developer approval. - Progressive Section Workflow: Processes one section at a time with a cursor, persisting pending decisions in decisions.json and only disclosing questions for the current section. - Design Screenshot Management: Tracks per-section reference screenshots with SHA-256 verified persistence and strict origin rules (chat-attachment or user-provided-path only). - Use Case: A developer receives a PSD homepage design and asks the AI agent to analyze it; the agent runs the CLI, confirms font tokens and section interactions through a structured table, then exports cropped assets per section for implementation. ## Quick Start Ask the AI agent to analyze your PSD file with the psd2code-next skill, for example: "Use psd2code-next to analyze homepage.psd and start exporting the first section."
