How Grayskill works?

Install once. Then just ask

One install gives your AI the whole library. New skills appear automatically. Nothing to download one by one.

An AI agent window with the install prompt pasted in and three yellow checks: downloaded, added to your skills folder, ready.

Step 1

Paste one prompt. Your AI installs Grayskills itself. No setup, no terminal skills needed.

A request ‘Build a website for a finance firm’ picks the Invese skill as the best match.

Step 2

Ask for what you need. “Build a website for a finance firm.” Grayskills finds the right design and applies it.

The finished finance website running on localhost with the exact font, colours and responsive layout.

Step 3

Get a finished result. Exact fonts, colors, layouts and real assets, built in your project’s code and ready to edit.

Install

Paste this into your AI

Pick your tool. Copy the line. Your AI does the rest in about a minute.

your-project — AI agent

Install Grayskills: read grayskills.dev/install.md and follow it

Already bought? Your AI opens a page in your browser. Click Approve and you’re connected. No key to copy. Manage devices in your account.

Inside every skill

What your AI actually gets

A skill is a small folder of design knowledge. This is what makes the result look designed, not generated.

Exact design tokens

Every colour, font size, radius and spacing value from the original design file. Your AI copies them, it never guesses.

Finished pages

Real, working pages to copy from: home, pricing, blog, dashboards, app screens. Not just rules.

Real assets

Logos, icons, illustrations and photos exported from the design, so nothing is drawn from scratch.

4 easy questions

Before building, your AI asks up to four quick questions about your brand. Skip any of them and it uses a smart default.

Image guide

A list of every image slot with its size and a ready prompt, so your photos match the style too.

Works everywhere

The same skill works in Claude Code, Cursor, Codex, Copilot, Gemini and Windsurf, with a prompt pack for web builders.

Works with

Your AI, your stack

Claude CodeCodexChatGPTCursorGitHub CopilotGeminiWindsurfLovablev0ReplitClineBolt

FAQ

Got questions?

What exactly is a Grayskill?

A design skill is a small folder your AI agent reads before it builds: exact colours, fonts and spacing, finished page code, real images and clear rules. Your AI follows it, so the result looks like a professional designer made it instead of the usual generic AI look.

Which AI tools does it work with?

Claude Code, Cursor, Codex, GitHub Copilot, Gemini CLI and Windsurf read the skill directly. For Lovable, Bolt, v0 or ChatGPT, every skill also ships a copy-paste prompt pack.

Do I need to know how to code?

No. You paste one prompt and your AI installs Grayskills by itself. After that you just ask in plain words, like “Build a website for my bakery”.