Smootify skills

Five skills for your agent.

Plain files your agent loads to annotate a Figma design, build it in Webflow, audit the site, answer review notes and write custom scripts. Read them first: they are written for agents, and short enough for people.

Install in Claude Code smootify/skills on GitHub

Beta: version 2.0.0-beta.27, being tested on real stores.

figma-annotate-smootify/SKILL.md

Figma annotation skill

Prepares a Figma design for Webflow and Smootify: which components to build, their props and bindings, the Smootify markup inside them, and where each instance is connected.

Load it on the Figma file before building. It writes its decisions into the file as annotations, for the Figma to Webflow skill to build.

Read the skill figma-to-webflow-smootify/SKILL.md

Figma to Webflow skill

Builds Webflow components from an annotated Figma design, with Smootify’s elements, attributes, props and bindings as the markup contract wants them.

Load it when your agent moves from the Figma file to Webflow. It works with the Figma and Webflow MCP servers.

Read the skill smootify-site-audit/SKILL.md

Site audit skill

Audits a Smootify site and reports what is broken, what is fragile, and the features the store needs but does not use.

Run it after the build, and again before you publish. It reads the project through the Webflow MCP and the published pages, and uses the checks of the Smootify MCP when it is connected.

Read the skill smootify-iterate/SKILL.md

Iterate skill

Answers the review notes left on a published site with Smootify Studio’s Iterate: finds why the element is wrong, fixes the site in Webflow when the site is the cause, and writes back the cause and how sure it is.

Smootify Studio loads it when you send the notes to Claude. It reads the notes in the site’s folder, the site through the Webflow MCP and Smootify’s documentation through the Smootify MCP.

Read the skill smootify-custom-script/SKILL.md

Custom script skill

Writes and changes the custom scripts of a Smootify site: how a script starts, the events, the filters and the API, and how it is built and put on the site.

Load it in a script folder, or for any code on a Smootify site that calls window.Smootify. Smootify Studio loads it for you when you write a script with Claude.

Read the skill

Install all five in Claude Code.

One plugin with the five skills, from Smootify's marketplace. Claude Code updates it with each version. For Claude on the web and desktop, each skill's page has its zip.

claude plugin marketplace add smootify/skills
claude plugin install smootify@smootify

Start in Figma.
Go live on Shopify.

Free to build, pay only when you go live. One Shopify app instead of ten, billed on the store’s Shopify invoice.

Start free Get the Figma kit

One app on the Shopify bill, not ten Free to build, pay only when you go live Works on Basic, Grow and Advanced Your 1.x store keeps working Every element stays yours to change Docs indexed in llms.txt One app on the Shopify bill, not ten Free to build, pay only when you go live Works on Basic, Grow and Advanced Your 1.x store keeps working Every element stays yours to change Docs indexed in llms.txt