Skills

The complete workshop for creating, editing, and checking real PowerPoint files.

Design animated HTML presentations by choosing from real visual directions, then export them to PDF.

A design editor for shaping, critiquing, and polishing product interfaces in the browser.

Give a new interface a visual point of view rooted in its subject, audience, and real content.

Review finished interface code for accessibility, interaction, typography, navigation, and performance mistakes.

Author and review Workers code for streaming, bindings, promises, state, secrets, observability, and current platform APIs.

Trace Core Web Vitals, network dependencies, layout shifts, caching, and accessibility with Chrome DevTools evidence.

Diagnose crawlability, indexing, international SEO, on-page content, site quality, and organic-search evidence in priority order.

Polish implemented interfaces through focused checks for typography, surfaces, optical alignment, hit areas, and interruptible motion.

Read a public-page brief, choose a deliberate visual direction, and challenge the recurring patterns that make generated interfaces feel templated.

Drive browser pages, snapshots, forms, network routes, storage, tracing, screenshots, video, and Playwright test workflows.

Search a structured design database for product patterns, palettes, typography, UX rules, and stack-specific implementation guidance.

Review PostgreSQL queries, schemas, indexes, locking, connections, and RLS with prioritized operational guidance from Supabase.

Refactor React component APIs with compound components, explicit variants, context interfaces, lifted state, and React 19 patterns.

Review React and Next.js code for waterfalls, bundle size, server work, data fetching, rerenders, rendering, and JavaScript costs.