Struq

What do people ask about the Struq skill?

The Struq skill is free, open source and needs no account. It works in Claude Code, Cursor, Codex and other AI coding tools, installs with one command and builds on Next.js with Tailwind. Below is every question with a direct answer, including where the skill still falls short.

Updated
Struq skill 0.5.0

The Struq skill is a free, open-source design skill for Claude Code, Cursor, Codex and other AI coding tools. Your agent settles a direction, two typefaces, a colour system and the motion before it writes any markup, stops once for your approval, then builds the site from 44 admitted blocks and checks its own work.

Nothing. The skill is free and open source under the MIT licence, and it needs no account. You pay only for your own AI tool, if that has a subscription.

Claude Code, Cursor, Codex and OpenCode are the tested ones. The installer finds the AI tools on your machine and installs the skill into each of them, including Gemini CLI, GitHub Copilot and Windsurf. In Claude Code it also installs as a plugin.

Copy the install prompt for your tool and paste it into your agent. It runs npx @struq/skill@latest for you. In a terminal, run the same command yourself. Run it again to update, and add the word remove to take it out.

No, but you need a tool that writes files and code itself, such as Claude Code, Cursor or Codex. You describe the site and approve the plan. The skill does not run in a chat window or in a site builder.

Only when you ask. With /struq redesign your agent keeps your brand, copy and components and proposes where blocks replace the weakest parts. With /struq audit it changes nothing and returns a list of what makes the page look AI-made, each with its fix.

Yes. The one stop in the build is the moment to send them. For every slot your own photos do not fill, the skill picks from Struq’s CC0 image packs. It never invents testimonials, clients or numbers.

Next.js App Router with Tailwind v4, and Vite by hand. Motion runs on GSAP, and every plugin used is free on npm. Icons are Struq Icons by default.

The blocks and the direction ship inside the skill, so nothing is fetched to install them. The image script downloads the chosen photos from Struq’s photo library into your project. The installer sends nothing. If you connect the Struq MCP, your agent calls its tools with your brief, and nothing else leaves your machine.

Most design skills work against the AI look with taste rules, an audit afterwards or a reference library. The Struq skill plans a site that makes an impression, and ships the hard parts as files: preloaders, page transitions, pinned showpieces and WebGL backgrounds. Avoiding the AI look is the floor it starts from.

Struq Icons is a free, MIT-licensed set of 182 icons, and the set the skill uses by default. Each icon has two tones, and 118 of them make one small move on hover that says what they do. They are drawn at the size and weight of Lucide, so they drop in where Lucide was. Install with npm install @struq/icons. Browse the icons

No. The skill works from its own copy of the blocks and the direction. With the Struq MCP connected, the same four jobs come from the server, so your agent always has the current catalogue. The MCP needs a free account, because the client connects as you.

Craft under pressure. An ambitious page with pinned scenes and reveals has more that can break than a plain one, and a reveal can still come out empty on a first build. The skill’s own check catches most of it, and each release works on the rest. It is at version 0.5.0.

Give your AI the direction.

Paste it into Claude Code. It runs the install, then /struq is ready.

The Struq skill is free and open source. No account, no key, nothing to configure. Version 0.5.0, and you update by running it again.

Read the source on GitHub