Loading…
upload-to-magic-patterns
Cursor Skill
Upload UI you are building locally into Magic Patterns (magicpatterns.com) and return the editor link. Use when the user wants to push a component/screen they are working on in their codebase into Magic Patterns as a design — for review, stakeholder sign-off, or further iteration
Use Magic Patterns (magicpatterns.com) from Cursor: prototype ideas, generate UI inspiration, upload local UI, and integrate Magic Patterns designs into your codebase.
Created by Magic PatternsView Source
Skills6
inspirationExplore several distinct UI design directions for a screen or component in Magic Patterns (magicpatterns.com). First recreates the current UI as a faithful baseline, then creates a shareable magicpatterns.com/inspiration/<id> document and streams in four self-contained HTML conce
integrate-magic-patterns-designAdapt code generated by Magic Patterns (magicpatterns.com) into an existing codebase. Use when the user shares a Magic Patterns design, prototype, exported zip, "Copy Code as Prompt" output, or a magicpatterns.com URL and wants it implemented, integrated, or productionized in the
prototypePrototype an idea in Magic Patterns (magicpatterns.com) starting from your local UI. Use when the user gives a prompt for something they want to prototype or explore and wants an iterable Magic Patterns design grounded in their existing code. Seeds a design by recreating the rele
recreate-as-raw-htmlRecreate a component, screen, or pasted code from any codebase as a single self-contained raw HTML file (Tailwind Play CDN + web fonts) that faithfully reproduces its styling, colors, spacing, and fonts. Use when the user asks for a "raw HTML recreation", an "HTML version" of a c
recreate-as-reactRecreate a component, screen, or pasted code from any codebase as a self-contained React + TypeScript + Tailwind prototype (App.tsx / index.tsx / index.css, named exports, one component per file) that renders in the Magic Patterns prototype environment and faithfully reproduces t
Related plugins
Context7
Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.
Envoy
Connect to Envoy to work with workplace visitors, employees, desks, rooms, and other resources.
Sonos
Play music and radio from your connected music services, or your Sonos favorites and Sonos playlists.
Kit
Manage subscribers, draft broadcasts, and analyze your audience.
Kong Konnect
Kong Konnect skills and the hosted Konnect MCP server for managing AI and API gateways from Cursor.
Volcano
Skills and CLI for building and deploying apps and AI agents on Volcano. Build with functions, databases, storage, realtime, and auth through the Volcano SDK, then deploy from your agent.