devinilabs

devinilabs/pro-skill

Skill Claude CodeCodex

Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom.

devinilabs/pro-skill

Skill Claude CodeCodex

Create a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax.

devinilabs/pro-skill

Skill Claude CodeCodex

Create React loading, processing, selected, current, focus, and pressed states with the border-beam package's animated edge glow. Use when a card, button, input, tab, option, task panel, or agent surface needs a restrained traveling or breathing beam; includes installation, imports, prop selection, state wiring…

devinilabs/pro-skill

Skill Claude CodeCodex

Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation. Use when compact cards, controls, panels, popovers, hero media, feature callouts, or modal-like containers need refined shadows without default Tailwind shadow scales or colored tinting.

devinilabs/pro-skill

Skill Claude CodeCodex

Create a clean modern design system with a luminous blue sky atmosphere, soft drifting cloud light, minimal white framing, and serene premium typography.

devinilabs/pro-skill

Skill Claude CodeCodex

Create a clean dark glass layout system with a thin blue laser atmosphere, frosted premium shells, and polished dashboard structure.

devinilabs/pro-skill

Skill Claude CodeCodex

Create an archival book-reader design system with serif-led pages, mono index navigation, aged paper surfaces, margin notes, and a premium catalog frame.

devinilabs/pro-skill

Skill Claude CodeCodex

Create a bright-green technical design system with structured split layouts, hard-framed dark surfaces, mono utility labels, and a prominent WebGL visualization zone.

devinilabs/pro-skill

Skill Claude CodeCodex

Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout heroes, GSAP choreography, one smooth-scroll engine, optional Three.js shaders, honest icon and logo sourcing, photo avatars, accessibility, and performance…

devinilabs/pro-skill

Skill Claude CodeCodex

Build rich, scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored chapters. Use for 3D scrollytelling, scroll-driven WebGL worlds, camera journeys, interactive portfolios, product stories…

devinilabs/pro-skill

Skill Claude CodeCodex

Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis. Use for luxury editorial websites, creative studio portfolios, Awwwards-style interactions, smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover states, custom cursors, and mouse-reactive layered movement.

devinilabs/pro-skill

Skill Claude CodeCodex

Create cinematic scroll-driven landing pages with Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text reveals, sticky card stacks, parallax backgrounds, scroll-scrubbed transitions, footer reveals, and immersive preloaders. Use when analyzing or building premium editorial scroll…

devinilabs/claude-stitch-setup

Plugin Claude Code

Google Stitch MCP server + agent skills for Claude Code. Generate, edit, and export UI screens from text prompts — with design-system awareness.

devinilabs/claude-stitch-setup

MCP server Claude CodeCodexCursor +2

MCP server "stitch" as configured in devinilabs/claude-stitch-setup. Launched with sh ${CLAUDE_PLUGIN_ROOT}/bin/start.sh.

devinilabs/claude-stitch-setup

Skill Claude CodeCodex

Use when the user asks for UI screen generation, mockups, or design work powered by Google Stitch. Activates the Stitch MCP tools (generatescreenfromtext, editscreens, getscreen, createproject) to produce high-fidelity HTML screens and screenshots from text prompts. Also handles prompt enhancement and design-system…