Three new React to Figma import skills

Three focused editor skills for bringing React UI into your shadcncraft Figma kit copy:

• Import App analyzes an app and saves a dependency-ordered import plan as import-plan.md and import-plan.json. It identifies reusable kit pieces, custom components, blocks, shells, and screens without editing the canvas.
• Import Block rebuilds one React block, screen, or app shell with reusable instances, variable bindings, and desktop and mobile layouts.
• Import Component rebuilds a custom React primitive as an editable component or component set with its supported variants, states, and properties.

Import Block and Import Component require an approved import plan and build one unit at a time after its dependencies are complete. Use them in your AI editor with access to the React project, Figma tools, and a running app for measurement.

The three skills will be free to install through the existing @shadcncraft/skills package and the shadcncraft/skills repository. See the installation guide for setup options.

Explore the skills or read the introduction.