Temperage — Design skill for Claude Code

temperage

Turns a design into an **unpublished draft page** in a Webflow site, built from a reusable template family: the components, styles, variables, and layout conventions the site already has. Never publishes.

This repository is a plugin marketplace. One plugin, `temperage`, carries the `webflow-template` skill. Claude Code, Cowork, and Codex install from the repo. Claude.ai does not: zip the skill folder and upload it. After that, the catalog lives in your team's Notion (or a working folder), and is mirrored into Webflow Agent Instructions so every agent on the site reads the same rules.

**Onboard first.** Families name components that exist on one site, so there is no portable catalog to ship. Until onboarding has run, a build stops at template selection.

Every build: receive a design → digest it → interview the submitter → pick a family → approve a visual outline → build an unpublished page → verify by readback → report and hand off.

Install

Claude Code

/plugin marketplace add DayFlo/webflow-template-skill
/plugin install temperage@webflow-template-skill

Invoke: `/temperage:webflow-template`. Plugin skills are namespaced. The unqualified form works only for a copy in `.claude/skills`. The skill will not auto-fire (`disable-model-invocation: true`).

The plugin ships `.mcp.json` pointing at `https://mcp.webflow.com/mcp`. Claude Code prompts for the Webflow OAuth flow on first use. Enabling the plugin also prompts for the store configuration (source of truth, its location, the instruction prefix); leave it blank to be asked once, or to follow the pointer the site already carries. An administrator presets the same values in managed settings under `pluginConfigs` (see "Set up for an organization").

Cowork

In the Claude desktop app open the **Cowork** tab, then **Customize → Plugins → Add from a repository**, and paste `https://github.com/DayFlo/webflow-template-skill`. Install **temperage**. Invoke the skill by its namespaced name,