Extract components and dependencies from a main app into a sandbox.
npx skills add https://github.com/Devvraj10/Niv --skill mockup-extract-devvraj10
Please help me install this Agent Skill. Skill: mockup-extract Source: https://github.com/Devvraj10/Niv/tree/main/.local/skills/mockup-extract Command: npx skills add https://github.com/Devvraj10/Niv --skill mockup-extract-devvraj10
This Skill facilitates the extraction of existing components and their dependencies from the main app into a mockup sandbox for visual design iteration.
Use the mockup-extract skill to put your 'homepage' on the canvas for design iteration.
High-intent search queries and answers about installing and using this skill.
Extracting components for visual iteration involves copying a selected component and its dependencies from the main app into a mockup sandbox, allowing you to iterate on design without altering the original codebase.
Dependency stubbing rewrites imports and stubs external dependencies, ensuring the isolated component runs correctly within the mockup sandbox environment without requiring the full main application.
Yes, extracting components for a mockup requires access to the main app's codebase, as the process involves executing scripts to copy files and rewrite dependency imports for the sandboxed environment.
Yes, you can embed an extracted component on a canvas for review by placing it inside an iframe, allowing you to visually evaluate the sandboxed UI component during the design iteration process.
The best way to create a UI variant without modifying the original app code is to extract the component into a mockup sandbox, where you can safely iterate on visual design and test changes independently.
ckrono-progExtract UI components into a mockup sandbox and rewrite imports.
YSheldonCopy a UI component into a mockup sandbox and embed it as an iframe.
peterWang123589Configure Vite for dev servers, production builds, and HMR workflows.
tann200Extract UI components into a sandbox with rewritten imports and stubbed dependencies.
