forge-design

To generate an iOS design contract from reference screenshots, place your images and preset files in the .forge/references directory. The skill translates these visual references into a native DESIGN.md file, applying color, typography, and spacing mappings automatically.

A DESIGN.md file is a structured design contract that defines color, typography, spacing, radius, and component rules for iOS development. You need it when establishing a cohesive design system to ensure consistent UI implementation across your application.

Yes, you can use markdown references to create an iOS design system by placing index.md and related .md files into the .forge/references folder. The skill parses these documents and translates the specifications into a structured DESIGN.md contract.

To translate awesome-design-md references into a Forge template contract, input the reference files and run the translation skill. It applies predefined rules for color, typography, spacing, and components to output a consistent DESIGN.md file in the .forge directory.

Yes, the Forge design translation supports custom spec.json configurations. By combining your spec.json with reference screenshots and axis presets, the skill applies customized translation rules to produce a DESIGN.md contract tailored to your specific design requirements.

Your generated DESIGN.md may be missing component mappings if the input references in .forge/references lack sufficient detail. Ensure your index.md, screenshots, or spec.json files clearly define the required components to trigger accurate translation rules.