What changed in the Craftwork Design skill. Run the install command again to update.
2.8.0
A proactive agent and objects that fit
The agent remembers the user's project with their consent and, after the task, offers one seasonal piece ahead of holidays and commerce dates in the project's country: a hero banner, a newsletter image or social posts in the page's style.
3D models and illustrations are compared across at least five candidates from three packs, the most literal object is no longer the automatic pick, and no model appears twice on a site.
Objects are sized to their containers: no accidental crops by card edges, no overlaps with mockups or text, one optical size per row of cards.
New pre-flight checks: animated states screenshotted frame by frame, a highlighted table column drawn as one continuous shape, and the final CTA tried in three variants.
Font browsing is a shuffle for filtering, so choices come from searches by character rather than from a fixed popularity list.
2.7.0
Measured references and one locked style
Every page has a lead reference: agents open the source site of an Inspiration item or the live site of a template and measure it (type, spacing, grid, button sizes, hover timings) before building blocks from those numbers.
Templates are searched by style as well as genre, and section blocks come from one style of templates tied together with one set of tokens.
Fonts are chosen by eye: a voice in a few words, searches by character, at least five previews compared and a readability test on the real background. Craftwork Sans and Craftwork Grotesk are no longer a default for other brands.
A style sheet is locked before code and every page, CTA band and footer passes it: one theme, no surfaces in a hue of their own, no glows, gradients or pixel effects from another style.
Every link, menu item, button and card gets a visible animated hover; hovers never light up borders, card lifts move with their shadow, buttons keep one height per level, and no word hangs alone on the last line.
2.6.0
3D with meaning and templates
Agents can search about a thousand Craftwork website templates (Framer, Webflow, coded, Figma) by genre, study the closest live site like a reference and offer it as a ready-made option.
3D models are part of the resource order again: an object goes only into a section whose copy names its idea, repeated cards get static renders from one pack, and a live scene is kept for the hero or one feature.
Fonts must be compared, downloaded and actually loaded; a font that was only searched for, or a system stack, fails the pre-flight.
Before code, agents write a resource plan with one line per catalog, so 3D, templates and components are considered on purpose instead of skipped.
Anti-slop defaults distilled from popular open design skills: type tracking and scale, spacing scale, focus and press states, motion timing, the cream-background and icon-tile tells, copy for buttons and errors, and new pre-flight checks.
A blocks table and embedding rules: where mockups, backgrounds, cut-out renders, shaders, 3D embeds and icons go in each section, and how to load them.
2.5.0
Restraint
New restraint rules: one visual per section, nothing behind screenshots and app windows (no gradients, shaders, 3D forms or frames), no callout chips or fake cursors on screenshots, a reading column of about 960-1120px and headings no heavier than semibold.
Calmer defaults: a SaaS or product landing now starts at variance 4 and motion 3, so agents keep a centered hero and micro-interactions instead of reaching for effects. Live shaders are for brand, campaign and experimental pages.
AI and developer products are no longer sent to the dark tech family by default, and the dark tech family drops the terminal and border beam: show the real app the product works with instead.
2.2.0
Shader Studio
Agents can build layered backgrounds in Craftwork Shader Studio: start from one of 78 presets, change any layer (gradient, photo, light, glass, blobs, halftone, ASCII and more) and get a dependency-free React component.
Paper Shaders stay for a single clean effect. The skill explains when to pick the Studio and when a Paper shader.
Shader code from both sources is part of Craftwork Pro; browsing stays free.
2.1.0
Shaders
Agents can find live WebGL shader backgrounds (grainy and mesh gradients, dots, waves, noise, liquid metal, image filters) and get React code with a preset and their own colors.
Shaders are step 6 of the resource order: a background that should feel alive, used when motion is 5 or more.
2.0.0
Craftwork Design
Renamed from craftwork-assets to craftwork-design. The wizard installs the new name and removes the old copy.
Added a taste layer: a one-line design read, variance, motion and density dials, and a pre-flight check before the UI is called done.
Added taste rules for typography, color, layout, states and copy, including bans on default Inter, purple glow, em dashes, dot separators and three equal cards.
Added a resource order: inspiration first, then layouts, components, fonts and icons. Illustrations come last and only when a page truly needs one.
Added a style family map that turns a direction (minimal, soft, glass, brutalist, playful, dashboard) into Craftwork icon, font, component and imagery choices.
The skill now triggers while an agent builds any interface, not only when Craftwork is named.
Your project's design system always wins over the taste rules.
1.4.0
Components
Agents can find animated React + Tailwind components from open-source libraries and get their code adapted to the project's tokens.
1.3.0
Icons and inspiration
Icon search with export to SVG, React, Vue or CSS.
Website, section, interface and branding references.
Exclusion lists so repeated searches return new results.
1.2.0
Fonts
Font catalog with filters for classification, scripts, weight and variable axes, and ZIP downloads.
1.1.0
Discovery index
The skill is listed in /.well-known/agent-skills so agents can find it without the wizard.
1.0.0
First release
Search, browse and download Craftwork assets from Claude Code, Codex and Cursor through the MCP server.
The wizard installs the skill and the server in one command.