Skip to content

filipwojda/regards

v1.0.0MIT

Your agent researches real websites before it designs one: it searches regards.design's hand-picked website sections by look, keeps the ones that fit the brief and derives the direction from them. Comes with the regards.design MCP server.

GitHubOpen Website

regards art direction

An agent skill that makes your coding agent research real websites before it designs one.

It is a fork of tasteskill v2 by Leonxlnx (MIT). tasteskill deals your agent one of 20 directions distilled from 247 gallery sites. This fork keeps everything else tasteskill does (the subject inventory, the idea and competitor tests, real pictures from open archives, the real-browser inspector, the look-and-fix loop) and changes one step: instead of dealing a direction, the agent searches regards.design, a hand-picked index of real website sections searchable by look, for this brief only. It looks at the pixels, keeps five to eight sections, names the one thing it takes from each and what that thing becomes, and derives the direction from what it kept.

Install

As a plugin, the skill comes with the regards.design MCP server, so there is nothing else to add.

Claude Code (2.1.275 or later; before that, /plugin marketplace add filipwojda/regards-skill, then /plugin install regards@regards):

/plugin install regards --marketplace filipwojda/regards-skill

Codex, then install regards from its plugins list:

codex plugin marketplace add filipwojda/regards-skill

Gemini CLI:

gemini extensions install https://github.com/filipwojda/regards-skill

Any other agent, the skill on its own:

npx skills add filipwojda/regards-skill

Then add https://mcp.regards.design/mcp in the agent's MCP settings (in Claude Code, claude mcp add --transport http regards https://mcp.regards.design/mcp). Without the server the skill falls back to tasteskill's deal and says so. The server signs in with your regards.design account.

What changed from tasteskill

  • Step 3 is research on regards instead of draw.mjs: mood searches, one search per section of the page's argument, a widen-and-drift pass, view_section on every hit it might keep, and a specimen sheet in .taste-skill/references.md (takes / leaves / becomes per reference).
  • The direction (hero, sections, type, palette, motion, signature detail) is derived from the specimens, not dealt.
  • Earned exceptions: tasteskill bans hairlines, monospace, index numbers and tiny tracked labels by its author's choice (its own study found them more common on award sites). This fork keeps the ban as the default and lets a viewed reference lift it, once, when the device carries real information.
  • The look step adds a reference pass: each section beside the section it drew on. Took the named thing? Looks like none of them?
  • Never copy: no section, layout, copy, picture, mark or licensed typeface taken from a reference.
  • Material: colour as whole fields, printed things drawn as paper with grain from within, line work that carries data, at most one metal accent, every section a poster. Two narrow earned exceptions (shadow under a physical object, palette-purple as one of several fields) so the inspector agrees with it.

references/regards.md has the search recipes and the specimen format. references/draw.md is the original deal, kept as the fallback.

Interactions

skills/regards-interactions is a second, smaller skill for motion: hover states, menus, scroll reveals, easing curves and durations, "make this feel like dub's navbar". It searches interactions recorded on live websites with the server's search_interactions, reads their timing and curves as measured, and turns one into code. The art-direction skill's motion reference points to it.

Requirements

Node 22+ and Chrome, Edge or Chromium for inspect.mjs. A regards.design account for the MCP server, on any plan, Free included.

Plugin files

Two skills in skills/, one server, a manifest per agent: .claude-plugin/ and .mcp.json for Claude Code, plugin.json, mcp.json and .agents/plugins/ for Codex and other Agent Plugins clients, .cursor-plugin/ for Cursor and gemini-extension.json for Gemini CLI. They share one description; change it in all of them.

Credit

The study, inventory, idea tests, open-collection pictures, inspector, critique rubric and look loop are tasteskill's, by Leonxlnx, under the MIT licence (see LICENSE). The research step is this fork's.