design-revise

To turn a UI screenshot into exact code changes, provide the image and design requirements so the visual layout can be analyzed, target source files localized, and precise before-and-after code diffs generated for your frontend components.

Implementing design revisions from a mockup across multiple files requires interpreting the visual style to identify affected components, targeting exact code locations, and applying multi-file visual alignment edits with risk-aware confirmation points.

Yes, you can get exact code locations and file paths from a design screenshot through file localization, which interprets the component structure and visual layout to identify the most likely source files for your frontend styling updates.

Yes, specifying design requirements alongside your screenshot ensures accurate design interpretation, enabling precise code-level implementation guidance and targeted component styling updates that match the intended visual output.

Risk assessment during visual editing works by generating concrete before-and-after code edits and requiring confirmation points before applying changes, ensuring that multi-file visual alignment tasks do not introduce unintended side effects.

design-revise generates concrete before-and-after code edits and implementation steps for component styling updates, translating UI screenshots into exact source file changes and code-level implementation guidance.