Indie dev uses Claude UI/UX skill to redo landing page, fixing 3.4:1 grey text to WCAG-compliant
PratikKadam_ · x · 2026-10-13
An indie developer redesigned the crdible.io landing page using Claude (Opus 4.5 in the screenshot) plus a UI/UX review skill, sharing the full process:
- When the skill's automated search couldn't run, they manually applied its guidelines: keyboard focus, hover contrast, reduced motion, tap targets, contrast ratios, screen reader labels, icon clarity
- Rewrote the hero subheading from "autopilot your account" to "Turn LinkedIn into a lead engine," unified all CTAs to "Get started"
- Lifted grey text from 3.4:1 contrast to WCAG standards, softened play-button hover, enforced 44px minimum tap targets, added a dual-tone keyboard focus ring that works on cream and blue backgrounds
- Deliverables cleanly split: hero in its own html, pricing on a separate page, a four-column Landing Comparison page; pricing logic (Starter 30 posts vs 120 from credits) and refund wording still pending
- Reusable pattern: run an AI agent's UI/UX skill as a baseline audit, then hand-finish what it can't reach
More from coding & agent
- Claude Code Pushes Urgent Security Update Across All Installations — umeshonai · 2026-10-23
- Claude cut a 2.6-hour video export to 20 minutes — but only after being told to rebuild the server — byhewar · 2026-10-23
- 3 flight-booking rules my AI agent checks that I'd never do by hand — Efistoffeles · 2026-10-23
- OpenJet claims Qwen3.8-27B coding runs 1.9x faster than llama.cpp on one RTX 3090 — JeremyCMorgan · 2026-10-23
- Building an autonomous SEO agent in Hermes with three skills: programmatic pages, Keywords Everywhere, DataForSEO — EXM7777 · 2026-10-23
- Building a sports betting AI agent with onchain execution and human approval by default: architecture and lessons — Dry-Comfortable-2678 · 2026-10-23