mockup-device-3d
169Skill Claude CodeCodex
Static iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree turntable composition.
🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode & 20+ CLIs via BYOK.
OpenDesign is an open-source, local-first desktop app that lets coding agents create prototypes, dashboards, slide decks, images, video, and design systems as exportable files. It is used by people working with agent runtimes such as Claude Code, Codex, Cursor, and DeepSeek Harness. The catalogue add-ons extend the OpenDesign workflow with skills, instructions, commands, and plugins.
This repository also configures its own agents. See what open-design tells them →
Skill Claude CodeCodex
Static iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree turntable composition.
Skill Claude CodeCodex
Open a pull request adding a local OpenDesign plugin to the OpenDesign community catalog using gh CLI.
Skill Claude CodeCodex
Publish a local OpenDesign plugin to a new public GitHub repository using gh CLI.
Skill Claude CodeCodex
A pixel-faithful, self-contained mirror of the live open-design.ai homepage — an interactive React Three Fiber / Next.js hero with a real-time 3D wordmark, sticker collage, variable fonts, and scroll-driven motion. First-party showcase of the visual ceiling for interactive web marketing surfaces.
Skill Claude CodeCodex
Vertical poster or Moments-style share image with strong visual impact.
Skill Claude CodeCodex
An operating-model redesign for a scaling logistics firm — the diagnosis, the target model, and the transition roadmap. Built as a decision-grade consulting deck for client sponsor, ops leaders.
Skill Claude CodeCodex
Audit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow, cropped content, missing italic/em, lost styling, off-rhythm spacing), and re-export with strict footer-rail + cursor-flow layout discipline. Use this skill whenever the user has a .pptx that was generated from an…
Skill Claude CodeCodex
Modern minimal resume, single A4 page, ready for print or PDF export.
Skill Claude CodeCodex
Realistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.
Skill Claude CodeCodex
Spotify Now Playing-style card with album art, progress bar, and playback controls, suited to video overlays or personal homepages.
Skill Claude CodeCodex
Realistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.
Skill Claude CodeCodex
OpenDesign's financial review: runway, burn, and the sustainability plan that keeps the project independent. Built as a decision-grade data & finance deck for board, leadership.
Skill Claude CodeCodex
OpenDesign from the CLI: driving the full design workflow with the od command — scripted, composable, agent-ready. Built as a decision-grade AI literacy deck for developers, power users.
Skill Claude CodeCodex
Use this plugin when the user wants a high-end luxury real-estate / architecture landing page with cinematic scroll choreography: a typewriter preloader that lifts away, a scroll-driven house image that rises from below and scales up while pinning to a dark statement section, a sticky dark stats band with count-up…
Skill Claude CodeCodex
Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.
Skill Claude CodeCodex
Hyperframes / Remotion-compatible continuous frame animation with autoplay support.
Skill Claude CodeCodex
A self-contained WebGL2 hero: layered aurora light curtains warped over a night sky scattered with stars; move the cursor to sway the veil.
Skill Claude CodeCodex
A self-contained WebGL2 hero: animated water caustics woven from domain-warped ripples; click the water to drop a ripple. No meshes, no textures.
Skill Claude CodeCodex
A scroll-reactive 3D image gallery in Three.js: Z-stacked images crossfade over per-image mood backgrounds with velocity breath, a glowing cursor trail and an editorial CMYK/RGB/HEX/PMS color card.
Skill Claude CodeCodex
A vertical gallery (Three.js) where planes bend with scroll velocity, ripple under the cursor via simplex noise, and carry a film grain.
Skill Claude CodeCodex
A self-contained WebGL2 hero: a flowing field screened through a rotated halftone dot grid into a duotone print aesthetic; move the cursor to bend the drift.
Skill Claude CodeCodex
A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.
Skill Claude CodeCodex
A horizontal-scroll WebGL gallery (Three.js): frames glide sideways with lerp smoothing and each image parallaxes its texture (UV shift) by its position in the viewport.
Skill Claude CodeCodex
A self-contained WebGL2 hero: a living oil-on-water field brightened into iridescent caustic filaments; move the cursor to bend the flow.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: