AgentVivo

Csiszoltasd ki a landing oldalad egy tervezői skillel

Michael Dennis a Claude Code-ba telepített impeccable skill kritika-, tipográfia- és polírozó parancsaival két óra alatt rendbe tette a túl „vibe-codolt” kinézetű landing oldalát.

Ezzel készült: Claude Code

érintett

Mit csinált?

A szerző egy saját alkalmazást (Hunchwell, hangalapú étel- és tünetnapló) épít; a backenddel elégedett volt, de a weboldala szerinte tipikusan „vibe-codolt” lett: bézs mindenhol, kártyák a kártyákban, semmitmondó főcím. Egy ismerőse ajánlására a Claude Code-ba telepítette az ingyenes impeccable skillt (npx impeccable install, majd /impeccable init). Ezután a /impeccable critique paranccsal kritikát kért a landing oldalra, a /impeccable typeset paranccsal rendbe tetette a tipográfiai hierarchiát, a /impeccable polish paranccsal pedig egy tisztító kört futtatott, amely megtartotta a színeit.

Hogyan sikerült?

A szerző szerint az egész két órát vett igénybe, Figma nélkül. Az előtte–utána állapotot a poszt szövegesen írja le; mérőszámot (pl. konverziót) nem közöl.

Amit érdemes tudni

Érintett: a szerző a forrásban a saját, fejlesztés alatt álló alkalmazására (Hunchwell) hívja fel a figyelmet, korai hozzáférési linkkel. Harmadik féltől származó skill telepítése előtt nézd meg, mit futtat a telepítő, és dolgozz külön ágon, hogy a változtatások visszavonhatók legyenek.

Próbáld ki

saját prompt

Review the landing page in <repo/path> like a senior product designer. First, critique only: list the top issues in hierarchy, typography, spacing, color and copy, with screenshots or line references. Wait for my approval. Then work on a new branch: fix the type scale and hierarchy, then one cleanup pass that keeps my brand colors. Do not change copy meaning, pricing or tracking scripts, and do not deploy. Stop after showing me before/after screenshots and the diff summary.

Forrás

X · 2026-10 · 2026-10-17 · Michael Dennis (@michaelirizarry) · Eredeti forrás ↗

Kapcsolódó gyakori példák

Az összes gyakori példa