mockup-extract
CommunityExtract UI components for redesign.
Design & Creative#codebase analysis#frontend development#design iteration#ui extraction#component sandbox#mockup creation
Authornirajrathod19
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill allows users to take existing UI components from their main application and bring them into a sandbox environment for redesign, variant creation, or visual reference, ensuring the source code is the definitive starting point.
Core Features & Use Cases
- Component Extraction: Pulls existing code components into a mockup sandbox.
- Design Iteration: Enables redesign, variant creation, and visual review of live components.
- Accurate Representation: Ensures exact visual fidelity by using the source code, not approximations.
- Use Case: A user wants to redesign their application's header. This skill extracts the current header component, allowing the designer to experiment with new layouts and styles within the sandbox without affecting the live application.
Quick Start
Use the mockup-extract skill to put the user's current settings page on the canvas.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: mockup-extract Download link: https://github.com/nirajrathod19/Inlytix_BI/archive/main.zip#mockup-extract Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.