design-taste-frontend
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".
Install
With your agent
Install OMGSkills skill "leonxlnx/taste-skill:imagegen-frontend-mobile" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
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.
More from this repo
imagegen-frontend-web
Elite frontend image-direction skill for generating premium, conversion-aware website design references.
brandkit
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks,...
image-to-code
Elite website image-to-code skill for Codex.
