DayFlo

Temperage — Design skill for Claude Code

Design community

A Claude Code and Codex plugin whose webflow-template skill turns a design into an unpublished Webflow draft page built from a reusable template family.

How to install Temperage

This entry records only its repository, not the path inside it, so there is no exact command to give. Open DayFlo/temperage and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Temperage does

A Claude Code and Codex plugin whose webflow-template skill turns a design into an unpublished Webflow draft page built from a reusable template family.

Alternatives in Design

Value Proposition — Design value propositions using 6-part JTBD template 7.8k ★
Remix — Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial 3.6k ★
Hue — open-source skill that learns any brand and turns it into a complete design system 806 ★

README

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,