UI Design & Marketing Skills

Audit web, mobile, API-backed, or server-rendered application repositories from the standpoint of product purpose, workflows, functionality, domain invariants, architecture boundaries, and robustness-oriented design patterns. Use when the user asks to review what an app does, make it more robust, identify better design patterns, create a product/domain capability map, plan architecture refactors, assess risks around critical workflows, or design an agent/MCP that performs this kind of app audit across repositories.

Inspect, plan, implement, and verify polished product UI in server-rendered Ruby on Rails applications that use Action View, Hotwire Turbo, and Stimulus. Use when Codex needs to create or redesign Rails pages, partials, forms, navigation, responsive layouts, or accessible interactions; restructure user journeys, information hierarchy, dense data, interface copy, or page actions; replace generic or AI-looking UI with a coherent visual direction and semantic color system; choose among Turbo Drive, page morphing, Frames, Streams, and Stimulus; add View Transition animations or small optimistic behaviors; repair Hotwire lifecycle or response problems; or review an existing Rails UI for idiomatic structure and progressive enhancement.

Audit and rewrite product marketing pages, application documentation, developer docs hubs, self-hosting pages, screenshots pages, FAQs, dashboards/data-heavy product pages, and public documentation for clear conversational positioning, human tone, SEO intent, internal linking, structured metadata, visual proof, dense-information usability, and accessible output. Use when the user asks to apply marketing/article learnings to a site, improve product messaging, simplify technical product copy, humanize AI-sounding copy, run an SEO sweep, restructure marketing/docs pages, improve dense dashboard or complex application presentation, fix contrast/readability issues, improve keyboard or screen-reader usability, or maintain a reusable plan for future marketing content sources.

Audit, plan, implement, and verify accessible UI color and contrast systems in web applications. Use when Codex is asked to make an interface darker or more readable, review WCAG color contrast, improve muted text or control boundaries, redesign semantic color tokens, validate light/dark or user-selectable themes, fix focus/status/chart colors, add contrast regression tests, or persist reusable color-system guidance for future UI work.