gashiartim

Refactors React components for usability using Steve Krug's "Don't Make Me Think" principles — visual hierarchy, scanning-optimized layout, ruthless copy reduction, unambiguous CTAs, and proper loading/empty/error states. Use when a user shares a React component and asks to improve UX, reduce cognitive load, simplify copy, fix cluttered layouts, clarify navigation, or make an interface more intuitive. Triggers: "improve UX", "usability audit", "simplify this", "too much text", "make it cleaner", "users are confused", "apply Krug". Use proactively on settings pages, forms, modals, navigation, and any task-driven workflow. Skip for backend-only, perf-only, or pure styling/branding tasks (use frontend-design or impeccable instead).

SEO audit and implementation specialist for Next.js, Remix, and React SPAs. Use this skill whenever the user mentions SEO, meta tags, structured data, sitemaps, robots.txt, Open Graph, Twitter cards, JSON-LD, hreflang, image alt attributes, or crawlability. Also trigger when the user says their site doesn't rank, Google can't find their pages, social previews look wrong, they want better discoverability, or they're working on a public-facing Next.js, Remix, or React page. Proactively suggest this skill when reviewing Next.js or Remix page files that are missing metadata exports or head SEO tags — even if the user didn't ask about SEO directly.