# design-taste-frontend

> Claude/Codex skill by [@leonxlnx](https://omgskills.com/library/leonxlnx/index.md) · 115k stars · Updated 2026-11-08

tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com and x.ai: plain copy in a voice of its own, one system, one section per screen, equal edges, real photographs and real product UI (licensed stand-in photographs when the client has none; a product render only when the brief asks for 3D), a hero entrance and one or two dealt moments on every page, shader effects and scenes only on tech, gaming and software pages, quiet micro-interactions, and a checker and finish gate that enforce it in a real browser. Use this whenever you build, design, redesign, restyle, polish or review a landing page, company, product, shop, cafe, hotel, studio, SaaS, AI, developer-tool or game site, as static HTML/CSS or inside an existing React, Next.js, Vue, Svelte, Astro or Tailwind project, or when the user says a page looks generic, templated or "AI-made".

Tags: agent-skills, ai-agents, anti-slop, claude-code, codex, cursor, design-system, frontend, landing-page, ui-design, web-design

## Install

```sh
git clone https://github.com/Leonxlnx/taste-skill /tmp/taste-skill && ln -s /tmp/taste-skill/skills/taste-skill ~/.claude/skills/design-taste-frontend
```

## From README

tasteskill 2.5 Build the website a good company would ship: it says plainly what is sold, shows the real thing on every screen, and looks made for this client, not from a template and not like an art piece. figma.com and x.ai are the bar (in words: layout-v4.md section 1). is this folder. It needs Node 22+ and Chrome, Edge or Chromium (ffmpeg optional). House rules These nine win over everything else in this skill. No caption or description under any image, render or visual. Licence credits go in one footer line. Every visual renders, never an empty ground, at 1440, 1024, 768 and 390. One section per screen: the hero alone on the first screen, every section exactly one or two screens tall at 1440x900, no second section heading peeking in. The one exception is a live photo-chapters section, three or four screens, set by the moment. Equal left and right content edges.

## Links

- HTML page: https://omgskills.com/library/leonxlnx/taste-skill/imagegen-frontend-mobile/
- GitHub: https://github.com/Leonxlnx/taste-skill
- Author: [@leonxlnx](https://omgskills.com/library/leonxlnx/index.md)

## More from this repo

- [imagegen-frontend-web](https://omgskills.com/library/leonxlnx/taste-skill/imagegen-frontend-web/index.md) — Elite frontend image-direction skill for generating premium, conversion-aware website design references.
   - [@leonxlnx](https://omgskills.com/library/leonxlnx/index.md) · 98k stars
- [brandkit](https://omgskills.com/library/leonxlnx/taste-skill/brandkit/index.md) — Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks,...
   - [@leonxlnx](https://omgskills.com/library/leonxlnx/index.md) · 97k stars
- [image-to-code](https://omgskills.com/library/leonxlnx/taste-skill/image-to-code/index.md) — Elite website image-to-code skill for Codex.
   - [@leonxlnx](https://omgskills.com/library/leonxlnx/index.md) · 95k stars