Results for “base”

Scans frontend files for common design system violations using grep-based checks.

Create scroll-driven animations with pinning, scrubbing, and trigger-based timelines using GSAP ScrollTrigger.

Group interface elements using containers, backgrounds, and boundaries based on the Gestalt Law of Common Region.

Migrate Android Jetpack Compose UI components to use the experimental Styles API for centralized theming and state-based styling.

Add Adaptive Card response templates to MCP-based API plugins for visual data presentation in Microsoft 365 Copilot.

Create award-winning, immersive web experiences with dramatic typography, purposeful motion, scroll-based composition, and performance-optimized animation.

Evaluate and improve interface usability using heuristic analysis based on Nielsen's 10 heuristics, Krug's laws, and severity ratings.

Opens a browser-based whiteboard for sketching ideas with sticky notes, then reads the visual snapshot and clipboard data to provide conversational analysis and suggestions.

Generates a polished Instagram post with a hero image, caption, and hashtags based on a brief and brand style.

Designs intuitive gesture-based interactions for touch and pointer devices, covering core gestures, discoverability, feedback, thresholds, conflict resolution, and accessibility.

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

Upload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project, bypassing MCP tool base64 token limits.

Builds accessible React UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

Generate, fill, or reformat PDFs with a token-based design system that adapts typography, color, and layout to document type.

Advocate for design quality, scope, and time with cross-functional partners and leadership using evidence and shared goals.

Provides a frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces.

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.

Polishes existing motion against the transitions.dev motion-token scale by auditing duration, distance, scale, blur, and easing values and suggesting token-based corrections.

Create annotated animated GIF demos and screen recordings for pull requests and documentation. Covers frame capture, timing, imageio-based GIF creation, and per-frame annotation workflows.

Design the small details—triggers, rules, feedback, loops, and modes—that separate good products from great ones, based on Dan Saffer's framework.

Visual production expert for production-ready social posts, carousels, flyers, brand assets, and code-based templates. Trigger when user requests 'create social post', 'design carousel', 'make flyer', 'generate logo', 'resize image', or 'create template'.

Edit and enhance images and videos with AI via muapi.ai — prompt-based editing, upscaling, background removal, face swap, lipsync, video effects, and more.

Documents IBM's marketing design system based on Carbon Design System, including colors, typography, layout, and component specifications for enterprise marketing canvases.

Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems, flow fields, shaders (GLSL), pixel manipulation, kinetic typography, WebGL scenes, audio analysis, mouse/keyboard interaction, and headless high-res export. Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.

Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems, flow fields, shaders (GLSL), pixel manipulation, kinetic typography, WebGL scenes, audio analysis, mouse/keyboard interaction, and headless high-res export. Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.

Plan and orchestrate multi-slide PowerPoint creation from scratch, classifying each slide type, enforcing visual variety, setting typography/spacing rules, and running text-based QA to catch content issues.

Analyzes Vercel's design language, documenting its color system, typography, surface hierarchy, and gradient-based decorative system for use in design systems or brand analysis.

Generates premium brand-kit images including logo systems, identity decks, and visual-world presentations. Creates intentional, minimal, and strategic brand boards with grid-based layouts, symbolic logo concepts, and application mockups.

Generates 16:9 horizontal illustrations for Chinese articles using a hand-drawn, black-and-white style with the 'Xiaohei' character as the central figure, based on the article's key concepts.