UI/UX in Engineering

Create algorithmic art with p5.js using randomness and interactive parameters.

Build production-grade web components and interfaces with distinctive, polished design.

Apply professional color and font themes to slides, docs, and web pages.

Build complex React artifacts with Tailwind CSS and shadcn/ui components.

Test local web apps with Playwright, verify UI behavior, and capture screenshots.

Create animated GIFs optimized for Slack messages and custom emojis.

Build multi-component React artifacts with Tailwind CSS and shadcn/ui components.

Test local web apps with Playwright to verify frontend functionality and capture screenshots.

Automate web browsing tasks like filling forms, taking screenshots, and extracting data.

Create design tokens, component specs, and branded presentations from a systematic token architecture.

Automate website interactions like filling forms, clicking buttons, and extracting data.

Reference CSS classes and HTML patterns for presentation components.

Test and debug web apps in real browsers using Chrome DevTools inspection.

Writes reliable Playwright and Cypress E2E tests and fixes flaky ones.

Patterns for generics, conditional types, mapped types, and type-safe TypeScript utilities.

Picks the right React state tool and gives typed store and query patterns to copy.

Reference patterns for Next.js 14+ App Router, Server Components, and streaming.

Determine correct file placement and structure for your project.

Build flexible, maintainable React components using composition techniques.

Optimize React and Next.js code following Vercel's performance best practices.

Build performant React Native apps with optimization and animation guidance.

Animate page and component transitions using React's native View Transition API.

Create animation-rich HTML presentations from scratch or convert PowerPoint files.

Open websites and interact with pages to extract data and automate tasks.

Customize and manage keyboard shortcut bindings for cmux.

Compress images to WebP or PNG format with automatic tool selection.

Build and optimize React and Next.js applications with performance analysis and accessibility.

Build immersive scroll-driven websites with parallax effects, text animations, and interactive depth.

Scan code for accessibility violations and generate WCAG 2.2 compliance reports.

Verify code changes won't break the Pierre diff viewer integration.

Find the simplest solution that works, questioning if the task is necessary.

Automate tasks in your existing Chrome browser without creating new profiles.

Extract colors, fonts, and design tokens from any website into multiple formats.

Build custom extensions for Super Agent Party with frontend or Node.js backends.

Fetch brand logos and cloud service icons as ready-to-use SVG files.

Create generative art with p5.js using custom algorithms and interactive parameters.

Create complex React artifacts with Tailwind CSS and shadcn/ui components.

Apply professional color and font themes to slides, docs, and web pages.

Test local web applications with automated browser interactions and debugging.

Learn state management best practices for the vm0 platform.

Extract design systems from UI screenshots and generate implementation-ready design prompts.

Author and publish curated release note story decks with images and videos.

Create interactive UI mockups, prototypes, and wireframes as self-contained HTML.

Audit websites and repositories for SEO issues, Core Web Vitals, and schema optimization.

Design and implement Flutter state management using the Bloc and Cubit patterns.

Build AI chat interfaces with pre-made conversation and message components.

Search and retrieve SVG icons from 200+ libraries instantly.

Audit components for WCAG accessibility issues and get fixes.

Add loading, success, error, and empty states to your components.

Create and apply brand.yml files for consistent branding across Shiny and Quarto projects.

Generate accessible alt text descriptions for images and data visualizations.

Get design feedback by comparing your screen to real examples and improvement ideas.

Render interactive SVG diagrams, charts, and HTML widgets directly in chat.

Generate shadcn/ui-styled status badges for project documentation.

Master Godot 4.3+ 2D systems: tilemaps, parallax, lights, particles, and custom drawing.

Build production-grade web components and interfaces with polished, distinctive design.

Redesign and beautify pixel-art decorations for top-down game sprites.

Audit and build accessible web interfaces meeting WCAG standards for news and academic sites.

Add purposeful animations and micro-interactions to enhance UI usability and delight.

Extract design tokens and variables from Figma and generate ready-to-use QML code.

Apply your project's design system to UI, styling, and copy decisions automatically.

Build WCAG 2.2 compliant web apps with keyboard navigation and screen reader support.

Build accessible animations and page transitions with Motion library patterns.

Generate, review, and integrate AI-built UI components into design systems.

Generate PNG, JPEG, or WebP images using your ChatGPT account without an API key.

Scan code for WCAG 2.1 AA and EU accessibility compliance issues.

Get nine pre-built Home Assistant dashboard styles with ready-to-copy CSS and templates.

Generate responsive email templates that work reliably across Outlook, Gmail, Apple Mail, and mobile clients.

Publish React components to your team library or install shared ones.