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.

Search live tech job listings across 50+ job boards and multiple countries.

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.

Open a pull request on pascalorg/editor from your current branch.

Open or update a pull request with a plain-language description of your branch changes.

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.

Launch and debug the AO Electron desktop app with real or isolated data.

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

Debug browser automation failures on complex websites like LinkedIn and Twitter.

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

Debug agent tool-calling issues through guided diagnosis and schema repair.

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.

Control local Electron apps and run UI tests via Chrome DevTools Protocol.

Reverse-engineer design tokens, components, and patterns from live products or screenshots.

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

Generate interactive HTML diagrams to visualize relationships, sequences, and structures.

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

Check web interfaces for WCAG compliance and keyboard, screen-reader, and focus accessibility.

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.

Audit blog posts across quality, SEO, and AI content to get a scored report with actionable improvements.

Generate flat favicons from prompts and export as PNG, ICO, and WebP files.

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

Build UI components following Penguin Harness web app conventions and patterns.

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

Check your UI against WCAG 2.2 standards and identify accessibility issues with fixes.

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.

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

Automate browser interactions and render web pages for visual evidence.

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.

Generate framework-aware code from Figma designs using your project's existing components and tokens.

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

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

Reference guide for GSAP animation methods, easing, timelines, and performance optimization.

Install and wire reusable blocks and components into HyperFrames compositions.

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.

Find the exact name for any web animation or motion effect from a vague description.

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.

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

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

Build polished, production-ready web components and pages with distinctive design.

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.

Verify that rendered UI components actually use your design system tokens and catch styling violations.

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

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

Add, fix, or remove animations from your UI with purpose and restraint.

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.

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.

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.

Remove AI-generated patterns and add handcrafted polish before shipping.

Create accessible UI designs with token compliance, responsive layouts, and WCAG standards.

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.

Render Portable Text to React, Vue, HTML, Markdown, and plain text.

Create surveys, forms, and sign-up sheets that multiple people can access and fill out online.

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

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

Build Android TV apps that work with only a d-pad remote control.

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.

Add, search, and customize shadcn components in your UI projects.

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

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

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.