README

 
  
   
  
   
  



  
    
      
      
    
  


Sponsors


  
    
      
        
      
    
    interfaces.dev · A design engineering magazine by Jakub Krehel
  
  
    
      
        
          
          
        
      
    
    React Bits · animated React components for creative interfaces
  
  
    
    IMG.LY · CreativeEditor SDK
  
  
    
    Sent.dm · messaging APIs for SMS, WhatsApp, and RCS
  


Become a sponsor

Taste Skill (tasteskill 2.5.1) is an Agent Skill that makes coding agents build professional company websites at the figma.com and x.ai level instead of assembling a generic landing page. Every build uses plain copy, one design system, one section per screen, equal left and right edges, real photographs (licensed stand-ins when the client has none), real brand icons and real product UI, a hero entrance and one or two dealt moments on every page, quiet micro-interactions, and shader effects and scroll scenes kept strictly for tech, gaming and software pages, all verified in a real browser by a checker and a finish gate that enforce the rules.

Pages built from a single brief in earlier v2 runs:


  
    
    
  
  
    
    
  


The photographs are real, found in open archives and credited by the skill (credits). Watch the launch film.

 Install

bash
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"


That installs the skill with the npx skills CLI.

The skill runs its scripts with Node 22+ and an installed Chrome, Edge or Chromium (set CHROME_PATH if it is in a non-standard place). Optional: ffmpeg on the PATH, for WebP output and the phone crop of a hero photograph in photos.mjs. It installs nothing and needs no API keys. Bundled Wikimedia Commons photographs work offline; fetching additional photographs or icons uses network access.


Claude Code plugin

Run these inside Claude Code. The skill is namespaced under taste-skill:, so it does not collide with your other skills.


/plugin marketplace add Leonxlnx/taste-skill
/plugin install taste-skill@taste-skill


/plugin update upgrades it later.




Codex plugin

bash
codex plugin marketplace add Leonxlnx/taste-skill
codex plugin add taste-skill@taste-skill


Start a new Codex session afterwards so the skill is loaded.




From a clone, linked instead of copied

./install.sh symlinks the skill into Claude Code (--codex for Codex, --all-agents for both), so a git pull updates it in place. On Windows (Git Bash) it makes a real link, or a directory junction when symlinks are not allowed, and it reports an older copied folder instead of skipping it silently.



Already have the skill? Run the install command again; the install name did not change. Looking for one of the older skills? See Moved skills.

 How 2.5 works

Use it by asking your agent to build or redesign a company site; the agent loads the skill, copies assets/ into the project, starts from assets/starter.html and runs the checker before it hands the page 

Top issues

Discussions

Latest release

What a 44-site test of 2.5.0 showed, fixed: builds now iterate until the checker is clean, every page moves, products without photographs are shown in photographs, palettes fit the trade, the copy gets a voice of its own, and nothing lies on anything else on a phone. The install name did not change.

- A finish gate: scripts/gate.mjs runs the checker, the layout check and a copy lint, and a build is not done until its last line reads GATE: PASS (three rounds, five waivers with reasons at most). In Claude Code it runs as a Stop hook from the skill itself. It never traps an agent: a question to