Back to skills

Taste Skill: Website Design Comps

Has an image model paint premium website mockups, one image per section, to hand to a coding agent.

Leonxlnx

Developers / Founders / Designers

UI & interfaceLicence: MITGitHub stars91k
GitHub card for Leonxlnx/taste-skill

Suggested prompts

Written by PicGens as starting points. Click one to copy it, then paste it to your agent once the skill is installed.

About this skill

Most skills in the Taste Skill collection steer agents away from generic front-end code. This one works differently: it writes no code and instead directs an image model to paint high-end website design comps — hero sections, landing pages and multi-section sites with strong typography, spacing and art direction.

It enforces one horizontal image per page section, so an eight-section landing page becomes eight separate renders rather than one cramped poster. Those images are meant as a visual target: you pass them to a coding agent, or to the collection’s image-to-code skill, to implement. It works with ChatGPT image generation, Codex’s image mode or any agent that can generate images, and a sibling skill does the same for mobile screens.

What it makes

One website design reference image per page section.

Before you install: An agent that can generate images.

How to install Taste Skill: Website Design Comps

  1. 1.Skills CLI

    npx skills add https://github.com/Leonxlnx/taste-skill --skill "imagegen-frontend-web"

Licence and attribution

Taste Skill: Website Design Comps is created and maintained by Leonxlnx and published at github.com/Leonxlnx/taste-skill under the MIT licence. The summary, suggested prompts and “About this skill” text are written by PicGens. The preview is GitHub’s own social card for the repository. PicGens is not affiliated with the author.

Related skills

All skills →
  • Example output of the UI UX Pro Max agent skill

    UI UX Pro Max

    Get a complete, reasoned design system for your product before your agent writes a line of UI.

    nextlevelbuilderGitHub stars: 131k
  • GitHub card for anthropics/skills

    Canvas Design

    Get an original poster or art print drawn in code, plus the design philosophy behind it.

    anthropicsGitHub stars: 179k
  • GitHub card for anthropics/skills

    Theme Factory

    Get every deck, doc and page in a project wearing the same palette and font pairing.

    anthropicsGitHub stars: 179k
  • GitHub card for anthropics/skills

    Algorithmic Art

    Get a seeded generative artwork in p5.js, with a viewer to explore its parameters.

    anthropicsGitHub stars: 179k

Looking for prompts instead of a skill?

Browse real ui & interface prompts with the images they made, or give your agent the free PicGens template skill.