Results for “sketch-to-render”
21 skillsstitch-to-react
Migrates a Stitch screen to production React: fetches and caches wireframes, archives existing pages, converts to shadcn/ui components with semantic tokens, and documents the design system layers.
1 · bundle
sketch
Throwaway HTML mockups: 2-3 design variants to compare.
0
stitch-react-components
Converts Stitch designs into modular Vite and React components, or syncs existing components to match updated designs.
6.4k · bundle
stitch-react-native
Convert Stitch HTML designs to React Native components or sync existing native components with updated designs using StyleSheet.
6.4k · bundle
remotion-render
Render videos from React/Remotion component code via inference.sh CLI. Pass TSX code, get MP4 output with configurable resolution, FPS, duration, and codec.
584
sketch
Builds interactive HTML sketches with working states, transitions, and a shared CSS theme system for design exploration.
1
stitch-react
Converts Stitch screen designs into production React components, fetching and caching assets locally, extracting design tokens, and archiving existing pages before replacement.
1
sketch
Throwaway HTML mockups: 2-3 design variants to compare.
1
sketch
Generates 2-3 disposable HTML mockups for comparing UI design directions before committing to one.
2
sketch
Throwaway HTML mockups: 2-3 design variants to compare.
1
react-components
Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.
0 · bundle
sketch
Throwaway HTML mockups: 2-3 design variants to compare.
0
stitch-react-vite-dashboard
Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).
0 · bundle
sketch
Throwaway HTML mockups: 2-3 design variants to compare.
0
sketch
Builds disposable HTML mockups in multiple design variants so users can compare and choose between them.
2
react-components
Converts Stitch designs into modular Vite and React components, using MCP networking and AST-based validation to ensure code quality.
1 · bundle
stitch-code-to-design
Convert frontend code (Vite, React, etc.) into a Stitch Design by extracting static HTML, analyzing the design system, and uploading to Stitch.
6.4k
stitch-react-components
Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking and AST-based validation.
0 · bundle
stitch-react-native
Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.
0 · bundle
react-patterns
Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.
226k
mengto-animation-on-scroll
Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes. Use when asked for scroll-reveal, animate-on-scroll, or sequencing element animations when they enter the viewport.
0 · bundle