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.

Build interactive 3D scenes and product configurators for web browsers.

Automate browser tasks like clicking, filling forms, and extracting data from websites.

Systematically test a web app to find bugs, UX issues, and quality problems with detailed evidence.

Automate browser tasks like navigating sites, filling forms, taking screenshots, and scraping data.

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 and maintain cross-browser extensions for Chrome, Firefox, and Edge.

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.

Triage bugs, find duplicates, and file GitHub issues with full context.

Reference for the AO CLI commands to spawn workers, manage sessions, and control agents.

Create beautiful dark-themed presentation decks with animated knowledge graphs and code highlighting.

Design production-grade interfaces, components, and visual layouts with modern polish.

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.

Create cinematic product videos from shot templates, screenshots, and audio assets.

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.

Turn a topic into a narrated 4K explainer video with script, voiceover, and music.

Add analytics cards that parse local data and display metrics with period comparisons.

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.

Design cohesive visual stories for GitHub READMEs with custom SVG assets.

Create interactive HTML mockups to design and plan UI layouts visually.

Learn state management best practices for the vm0 platform.

Call AI models directly from browser apps using CloudBase JavaScript SDK.

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

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

Convert markdown files into a complete static website with zero configuration.

Review components for accessibility issues and WCAG compliance.

Automatically update component documentation when source code changes.

Explain what code does in plain English.

Fix GitHub issues by number following project best practices.

Scaffold a new React component with a matching test file.

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

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

Review design specs and prototypes against aesthetic standards and anti-AI-slop guidelines.

Build dashboards using YAML or TSX with widgets, filters, and templating.

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

Explore and pressure-test new features, designs, and architecture before implementation.

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

Build native UIs for Android, iOS, Desktop, and Web with Jetpack Compose.

Review UI code for compliance with web design and accessibility best practices.

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.

Build sprite and skeletal 2D animations in Godot with frame timing and procedural effects.

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

Design refined, purposeful UI animations for hovers, transitions, and micro-interactions.

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

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

Search, save, and index your local documents for quick semantic retrieval.

Design and iterate UI layouts, components, and flows on an infinite canvas.

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

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

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

Design responsive game menus and HUDs that work across all screen sizes and input devices.

Create, edit, and export video timelines with AI voiceover and subtitles.

Generate browser-rendered pages and components with dark mode and theme support.

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.

Capture and display screenshots of web pages or specific elements.

Review UI code for compliance with web design and accessibility best practices.

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.

Generate multiple design variations for users to review and react to before building.

Generate a comprehensive UX architecture bible by auditing your app's code and design patterns.

Plan UI features with design specs, accessibility, and navigation before coding.

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.

Build animated React components for Next.js with Tailwind CSS and Framer Motion.

Review UI code for visual hierarchy, spacing, typography, accessibility, and responsiveness issues.

Optimize GSAP animations for smooth 60fps with transforms, opacity, and batching.

Add, search, and style shadcn components in your project.

Extract design tokens and starter files from any public website.

Generate custom TipTap nodes for edit, preview, and PDF modes.

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

Control 3D Gaussian splatting rendering with voice commands and real-time parameter editing.

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

Turn product specs into design prompts for web UI generators like Figma and v0.

Replicate a website's design and visual style for your own product.

Create animated videos by writing HTML, CSS, and GSAP timelines.

Generate branded interfaces and assets following Honeycomb design guidelines and components.

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

Reverse-engineer a website into a working local implementation with audit artifacts.

Build polished, designed UI that avoids generic AI defaults with design tokens and visual QA.

Extract a website's design tokens and generate a spec-compliant DESIGN.md file.

Convert screenshots and diagrams into editable SVG and PowerPoint files.

Maintain dashboard translations and locale-aware formatting across HitKeep.

Create a professional portfolio website or presentation homepage with responsive design.

Convert design prototypes to production React, Vue, or Svelte code.

Improve your portfolio's visibility to search engines and AI systems.

Design beautiful, on-brand UIs instead of generic AI-generated interfaces.

Build AI chat interfaces with pre-built UI components for Next.js apps.

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

Generate JSON-LD schema markup for search engine rich results.

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