A copy-paste skill pack to fix AI frontend aesthetics: 5 npx commands plus a DESIGN.md template
sujingshen · x · 2026-09-07
Tired of the generic "AI look" in vibe-coded frontends (purple gradients, Inter, card-in-card)? This post is a copy-paste pack of frontend design skills.
Install by scenario:
- Quick draft with less AI flavor: npx skills add anthropics/skills -s frontend-design
- Landing pages / one-line restyling: npx skills add nextlevelbuilder/ui-ux-pro-max-skill
- Crisp buttons, modals, hovers: npx skills add emilkowalski/skills
- Polish type, color, spacing, empty states: npx skills add jakubkrehel/skills
- Pre-launch template-feel scan: npx impeccable install
Three combos: just 1 to ship fast; 1+2 for public landing pages; 3+4 with a final 5 pass to look premium.
No-install tricks: feed the agent a Dribbble/Mobbin/Godly screenshot and say "match this vibe, not the default SaaS template"; or drop a DESIGN.md in the repo banning Inter, capping one accent color, unified radii, 65ch body width, legible grays, and hover animations under 150ms — and have the agent read it first.
More from coding & agent
- NUS, Princeton, Stanford & Oxford unveil Recuris: recursive self-improving agent memory without training — jiqizhixin · 2026-09-07
- mobilecode: An Open Source OpenCode Fork for Building iOS and Android Projects — Saboo_Shubham_ · 2026-09-07
- GitHub Launches HydraFusion: Multi-Model Orchestration Matches Opus 5 Quality at Lower Cost — unixterminal · 2026-09-07
- Dev pushback on single-agent UX: complex tasks mix up context, threads still matter — brandon_galang · 2026-09-07
- Quick tip: add a line to agents.md so your agent asks when prompts are ambiguous — TheMoonMidas · 2026-09-07
- 48 hours directing a personal agent via Meta glasses: the pieces exist, nobody combined them — kleffew94 · 2026-09-07