stitch-to-nextjs
Convert Google Stitch designs into pixel-perfect Next.js + Tailwind CSS components. Extracts exact HTML/CSS, downloads images, maps all 29 Stitch fonts to next/font/google…
Paquete de plugins · de yshaish1
Resumen
stitch-to-nextjs es un paquete de plugins para herramientas de programación con IA publicado por yshaish1. Marketplaces que leemos y que lo publican: 1 (Claude Code: claude-plugins-community). Lo vimos por primera vez el 2026-10-12 y desde entonces no hemos registrado cambios. Según nuestra pasada por los marketplaces del 2026-10-12.
Convert Google Stitch designs into pixel-perfect Next.js + Tailwind CSS components. Extracts exact HTML/CSS, downloads images, maps all 29 Stitch fonts to next/font/google, preserves exact colors and spacing (never rounds to Tailwind defaults), and auto-configures the stitch-mcp server for HTML code export and screenshot validation. Supports ShadCN/UI mapping, Tailwind v3/v4, and Server Components.
Qué pide
- Se ejecuta en tu equipo
Ninguno de los marketplaces que leemos publica sus herramientas ni los ajustes que pide.
Lo que declara, pide y ejecuta, completo
Instale solo plugins de desarrolladores en los que confíe. Mostramos lo que publican los marketplaces y no probamos plugins.
Funciona con
- Claude Code
Según los marketplaces que lo listan y el transporte MCP que declara, tal como lo documenta cada cliente. No probamos plugins.
Conectar
No hay datos para un comando automático: lo que declaran sus marketplaces no dice de forma inequívoca cómo conectarlo.
Dónde está publicado
| Marketplace | Estado | Versión | Cifras | Verificado | Visto por primera vez |
|---|---|---|---|---|---|
| Claude Code: claude-plugins-community (Abrir el código en GitHub) | Publicado | 1.0.0 | Forks (GitHub): 2 Estrellas (GitHub): 11 |
Sin marca |
Cada cifra es del propio marketplace y nunca se suma entre marketplaces. Un marketplace que no publica cifras no muestra ninguna: sin número no es cero.
Qué contiene el paquete
Tal como se publica en Claude Code: claude-plugins-community.
Servidores MCP: 1
stitch-dev
Skills: 1
stitch-to-nextjs
Qué cambió
Nada ha cambiado en este plugin desde que lo seguimos.
Plugins similares
Productos cuyos propios nombres, descripciones, herramientas y skills son los más cercanos a este por su significado, en todos los marketplaces que leemos. La cercanía se ordena solo dentro de esta lista.
-
Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
-
Design system builder and refactorer for Tailwind CSS + Next.js projects. Audits existing styles, defines semantic color/typography tokens, extracts shared UI components, migrates…
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Generates React components and design frameworks from visual layouts.
-
Design token tools for Google Stitch: convert, validate, diff, lint, generate, and export.
-
Translate HTML prototypes into Figma using your design system's real components and tokens.
-
Generate React code and build Figma designs with the Rayden UI component library. Includes full component API reference, design tokens, craft rules, anti-patterns, and layout…
-
Search, preview, inspect, and install MagicPath UI components from Claude Code via the magicpath-ai CLI. Supports MagicPath design system themes.
-
mcp ai.shippp/mcp
Deterministic Chakra UI code from your Shippp design files, straight into your IDE agent.
-
design-system app.zaklad/design-system
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Plugins similares por marketplace
La misma pregunta a cada marketplace por separado: ¿hay allí un equivalente de este plugin?
Publicado en Claude Code: claude-plugins-community (5)
-
Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
-
Design system builder and refactorer for Tailwind CSS + Next.js projects. Audits existing styles, defines semantic color/typography tokens, extracts shared UI components, migrates…
-
Generate React code and build Figma designs with the Rayden UI component library. Includes full component API reference, design tokens, craft rules, anti-patterns, and layout…
-
Search, preview, inspect, and install MagicPath UI components from Claude Code via the magicpath-ai CLI. Supports MagicPath design system themes.
-
Agent-orchestrated design pipeline for Claude Code. Five stages (brief → discover → plan → design → verify), 33 specialized agents, 12 tool connections including Figma, shadcn/ui…
Publicado en Claude Code: claude-plugins-official (5)
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Build beautiful documentation sites with Mintlify. Convert non-markdown files into properly formatted MDX pages, add and modify content with correct component use, and automate…
-
Build and deploy Base44 full-stack apps with CLI project management and JavaScript/TypeScript SDK development skills
Publicado en Claude: knowledge-work-plugins (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Build beautiful documentation sites with Mintlify. Convert non-markdown files into properly formatted MDX pages, add and modify content with correct component use, and automate…
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Build and deploy Base44 full-stack apps with CLI project management and JavaScript/TypeScript SDK development skills
-
Keep your coding agent up to date with the latest web best practices
Publicado en Codex: openai-curated (openai/plugins) (5)
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…
-
Bring your Canva design workflow into Codex and create, refine, and review designs through natural conversation. Available skills: Resize for social media: Adapt a design for…
Publicado en Community GitHub marketplaces (5)
-
Build and deploy Base44 full-stack apps with CLI project management and JavaScript/TypeScript SDK development skills
-
Migrate an Adobe Commerce App Builder project from the Integration Starter Kit or Checkout Starter Kit to the new App Management approach.
-
Appwrite tools for Claude Code, including SDK skills, Appwrite MCP servers, and deployment commands.
-
Redesign an existing website to make it better. Higher-level guided flow on top of impeccable.
-
Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
Publicado en Copilot CLI: github/awesome-copilot (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.
-
Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
-
Keep your coding agent up to date with the latest web best practices
-
SAPUI5 / OpenUI5 plugin for GitHub CoPilot. Create and validate UI5 projects, access API documentation, run UI5 linter, get development guidelines and best practices for UI5…
Publicado en Copilot CLI: github/copilot-plugins (5)
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
mobile-app
Build and deploy Power Apps code apps for mobile using Expo (React Native), with native device functionality and Power Platform connectors
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
Publicado en Cursor: cursor/plugins (5)
-
Build apps, scripts, and automations with the TypeScript SDK.
-
Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…
-
Render PR diffs as review canvases grouped by importance.
-
Render documentation as a navigable canvas.
-
Generate presentations, documents, and webpages.
Publicado en Docker MCP Catalog (5)
-
next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.
-
Generate images, video, and audio with Glif's media-generation agent
-
Access the latest Astro web framework documentation, guides, and API references.
-
Tools and resources for writing Effect code in Typescript.
-
Model Context Protocol (MCP) server for the Webflow Data API.
Publicado en Official MCP Registry (5)
-
Generates React components and design frameworks from visual layouts.
-
Design token tools for Google Stitch: convert, validate, diff, lint, generate, and export.
-
Translate HTML prototypes into Figma using your design system's real components and tokens.
-
mcp ai.shippp/mcp
Deterministic Chakra UI code from your Shippp design files, straight into your IDE agent.
-
design-system app.zaklad/design-system
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Encontrados por significado, no por código ni repositorio compartidos: los plugins similares siguen siendo productos distintos, y esto no es una reseña ni una recomendación.
¿Es tu plugin?
Añádelo a tus proyectos y demuestra que lo mantienes con un archivo en su repositorio, un archivo en tu dominio o un registro DNS. Recibirás avisos cuando un marketplace lo publique, lo retire, cambie su marca verificada o lo que pide, y su endpoint remoto quedará monitorizado como un servicio web.
Datos de Claude Code: claude-plugins-community. Las cifras proceden de nuestros propios recorridos periódicos por los marketplaces, leída por última vez el . No publicamos datos de contacto de los editores de plugins.