UI/UX in Engineering

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

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

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

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

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

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.

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

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

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

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

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

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

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

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.

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

Build performant React Native apps with optimization and animation guidance.

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

Review pull requests against Pascal's architectural rules and package boundaries.

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.

Read, analyze, and describe images from files or URLs.

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

Convert game art into engine-ready sprites, sheets, and frames.

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.

Find copy-paste-ready UI component patterns for COSS primitive-based designs.

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.

Check contrast, keyboard navigation, focus states, and mobile usability for real users.

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.

Maintain consistent styling and components across React dashboards and Docusaurus websites.

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.

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

Design and review website and app interfaces with side-by-side style comparison and visual refinement.

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

Review and argue against current design work to catch flaws and weaknesses.

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

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 complex React artifacts with Tailwind CSS and shadcn/ui components.

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

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

Test local web applications with automated browser interactions and debugging.

Present annotated screenshots as visual proof of completed changes.

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.

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

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.

Fix GitHub issues by number following project best practices.

Explain what code does in plain English.

Automatically update component documentation when source code changes.

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.

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.

Search and retrieve SVG icons from 200+ libraries instantly.

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

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.

Find the correct term for any web animation or motion effect by description.

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

Audit and fix accessibility issues in UI components for WCAG compliance.

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.

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.

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

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

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

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

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

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.

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

Build accessible animations and page transitions with Motion library patterns.

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.

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

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

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

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

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.

Convert screenshots and diagrams into editable SVG and PowerPoint files.

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

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 JSON-LD schema markup for search engine rich results.

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.