Results for “react”

Manage shadcn/ui components and projects with context, documentation, and usage patterns for building modern design systems.

Generate walkthrough videos from Stitch project screens using Remotion with smooth transitions, zoom effects, and text overlays.

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays.

Generates immersive, high-performance web interfaces with advanced motion design, typography, and architectural craftsmanship.

Creates walkthrough videos from Stitch app designs using Remotion, with smooth transitions, zoom effects, and text overlays.

Creates walkthrough videos from Stitch project screens using Remotion, with transitions, zoom effects, and text overlays.

Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.

Generates award-level UI with GSAP motion, bento grids, and Python-driven randomization for layout variety.

Audits UX quality of a codebase or validates implementation against design mockups, then fixes issues and commits changes.

Creates walkthrough videos from Stitch project screens using Remotion, with transitions, zoom effects, and text overlays.

Integrate and customize shadcn/ui components with full ownership, including discovery, installation, theming, and best practices.

Scaffolds a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Build interfaces with UnoCSS using semantic tokens, dark mode parity, and design polish for devtools and landing pages.

Transform articles or scripts into click-driven 16:9 web presentations that look like videos, with optional AI voiceover synthesis.

Generate award-level landing pages with cinematic GSAP motion, gapless bento grids, and strict AIDA structure.

Fetch design context, screenshots, variables, and assets from Figma, and translate Figma nodes into production code using the Figma MCP server.

Converts existing frontend code into a Stitch Design by chaining static HTML extraction, design system extraction, and file upload.

Build beautiful native UIs for Expo apps with guidance on routing, styling, animations, and platform-specific components.

Establish clear naming conventions for design assets, components, and tokens to make design systems predictable and maintainable.

Provides design engineering guidance focused on animation principles, UI review, and interface craftsmanship.

Translates Figma designs into project code using the Figma MCP server, fetching design context, screenshots, and assets to implement pixel-perfect UI.

Provides a comprehensive set of design rules and anti-patterns to avoid AI-generated slop when building any interface.

Add scroll animations, micro-interactions, or page transitions to a component using GSAP, with reduced-motion support and performance best practices.

Visually inspect websites to identify and fix design issues including layout, responsive, accessibility, and visual consistency problems at the source code level.

Create beautiful, accessible user interfaces with shadcn/ui components, Tailwind CSS utility-first styling, and canvas-based visual designs.

Builds production-ready frontend pages with premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and generative art.

Encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

Builds production-grade web or mobile interfaces with distinctive design, modern CSS, and purposeful motion, inferring intent from the codebase without asking questions.

Converts video, audio, or images into colored ASCII art videos (MP4/GIF) with generative effects, audio-reactive visuals, and text overlays.

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

Build fully customizable, agent-ready design systems with Astryx — Meta's production design system now open source. Ships 150+ React components built on StyleX with zero styling lock-in, component swizzling, brand theming, dark mode, and CLI tooling. Use when building component libraries, design systems, UI applications, design tokens, or when teams need consistent accessible components that AI agents can understand and extend. Triggers on: astryx, design system, component library, design tokens, react components, accessible components, astryx design, stylesheets, theme customization, component composition.

Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload. **ALWAYS** use this skill when the user's intent is to move existing web apps or React/Angular/Vue components into Stitch (e.g., requests to "save", "migrate", or "upload"). You must use this skill even for simple "save" operations, as it is the only way to ensure the design system is extracted and assets are properly linked.

Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. Features robust error handling, checkpoint recovery, and streamlined execution via helper script.

Creates production-grade p5.js sketches: generative art, interactive visualizations, 3D scenes, shaders, and audio-reactive visuals, with export to HTML, PNG, GIF, MP4, or SVG.