Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Web design resources for coding agents

Skills, DESIGN.md files and templates that help your agent ship polished web pages: design systems applied component by component, mock-ups, audits before going live.

Selection

What these resources do

These resources cover the path of a web page: set a style with a DESIGN.md, build the page with a skill, then check it with an audit before it goes live.

The installable ones go into your agent with a single command, then kick in when your request matches: "redo this page in an editorial style", "audit this landing page".

How to use them

  1. Pick a resource from the selection.
  2. Paste its install prompt into your agent, or run the command:
    npx --yes palatekit@latest install layout-stress-test

  3. Ask your agent for the job: it loads the resource when your request matches.

A resource or a plain prompt?

A resource or a plain prompt?
PalateKit resourcePlain prompt
InstructionsTested and versionedRewritten every time
Bundled filesTemplates, references and scripts includedNone
ResultConsistent from one run to the nextVaries
UpdatesNew version ready to installUp to you to redo

Frequently asked questions

My agent already writes HTML: what are these resources for?

They give it a method and precise guidelines (grids, contrast, hierarchy) instead of its default settings. Results vary less from one page to the next.

Do I need a specific framework?

No. Most of them output readable HTML and CSS; the resource page says when one targets React or Tailwind.

Can I combine a DESIGN.md and a skill?

Yes: the DESIGN.md sets the style, the skill sets the method, and your agent applies both.

Are the pages accessible?

The resources in this selection take contrast and keyboard use into account; the accessibility audit checks the WCAG 2.2 AA criteria.

Explore the 5 catalogues

Browse the catalogue