Nordcraft

Select the relevant component on the visual canvas (e.g., Weather card).

Open the AI Assistant prompt window.

Input the command: 'Convert all temperature variables from Fahrenheit to Celsius.'

Review the AI's contextual update preview, which targets Main, 'Feels Like', and Hourly temperatures natively.

Click 'Apply changes' to update the visual logic immediately.

Navigate to the API Connections tab and configure a GET request (e.g., PokéAPI).

Provide URL parameters and execute a test request to populate the JSON schema.

Create a grid layout on the canvas and bind the repeated array path to a card component.

Map individual elements (image URL, ID, Name) directly to the dynamic variable output from the fetch request.

Adjust CSS visually while live data flows through the application.

Import an SVG file into the component tree and set transform origins.

Open the Animation Editor panel to create a new keyframe sequence.

Define states across the 0s to 2s timeline using visual sliders for scaling and rotation.

Bind the new `@keyframes flutter` animation to the `:hover` pseudo-class via the styles panel.

Hover the element in the editor canvas to preview the 60fps animation natively.

Designer creates a new branch via the built-in Version Control system.

Designer builds out the visual hierarchy, flexbox layouts, and typography.

Developer opens the same branch, attaching complex conditional logic, API streams, and reactive formulas to the designer's structural tags.

The team previews the live branch URL instantly.

Branch is merged into the main production build seamlessly.

Finalize the application logic and routing within the Nordcraft dashboard.

Ensure metadata and SEO tags are mapped to dynamic reactive variables.

Navigate to the Continuous Deployment tab and trigger a production build.

Nordcraft automatically compiles the app to the lightweight open-source runtime.

The build is pushed to global edge nodes, providing a fast, fully SSR-optimized live URL.