Claude Code skills

These skills run only in Claude Code — a developer tool on a real computer with a live terminal, server, or database connection. They can’t run in a Cowork session or Chat. At Melinda Maria they power building & maintaining our custom MCP connectors and this hub (all on Cloudflare). Browse by category; every skill has a full guide with 20 examples.

Built by Melinda Maria

html-to-psdHTML to PSDClaude Code onlySetup kit included

Turns a design Claude built as code (a flyer, poster, slide, social graphic or handout) into a layered, editable Photoshop file your designer can open: every element on its own layer, real editable text, clean layer names, print resolution, one artboard per page. It checks its own work, lists the fonts needed, and opens the file in Photoshop. Everything runs on your own computer; nothing is uploaded.

e.g. "Turn this flyer into a layered Photoshop file at print resolution, and tell me which fonts my designer needs."

You need: Claude Code (the Code tab of the Claude desktop app), Node.js 18 or newer (free helper software that runs the converter; the setup message offers to install it for you), Adobe Photoshop, and Chrome or Edge. Mac is tested; Windows is not yet tested.

⬇ Download the setup kit (.zip, 162 KB)Read the full writeup →

Sign-in with a Melinda Maria or 7ate9 Google account is required to download. The writeup has the step-by-step setup, fonts and security notes, troubleshooting and 10 example prompts.

Need these on your machine? Install all 36 in one step.

These skills run in Claude Code (the local developer app) — each teammate installs them once. We built a one-line installer and an auto-prompt file so anyone can get the full set in about two minutes.

How to install →

Why a separate page? A skill installed in Claude Code lives in that tool on your computer — a Cowork session can’t see it unless it’s also installed in Cowork. And these specific skills need a live terminal/server/DB that Cowork doesn’t have, so they’re Claude Code only. How to invoke: open Claude Code in the project folder and describe the task; name a skill in that project’s CLAUDE.md to keep it always-on.

☁️

Claude Code skills

Cloudflare & infrastructure

Databases

Web performance & security

Media & automation

Terminal & dev utilities