Tidyfactor Styler
TidyFactor/Styler
Production framework styler and surgical RTL UI polish engine with Contextual Decision Layer (CDL).
Build and audit WordPress layouts with GenerateBlocks V2, including CSS Mode, responsive at-rules, dynamic data, Pro components, and recovery-safe block serialization.
Install Generateblocks Layouts
$ npx skills add wpgaurav/generateblocks-skills --skill generateblocks-layouts -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install wpgaurav/generateblocks-skills generateblocks-layouts --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/wpgaurav/generateblocks-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/generateblocks-layouts .claude/skills/generateblocks-layouts && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "generateblocks-layouts" agent skill from https://github.com/wpgaurav/generateblocks-skills/tree/main/skills/generateblocks-layouts into .claude/skills/generateblocks-layouts/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "generateblocks-layouts", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/wpgaurav/generateblocks-skills/tree/main/skills/generateblocks-layoutsType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add wpgaurav/generateblocks-skills --skill generateblocks-layouts -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install wpgaurav/generateblocks-skills generateblocks-layouts --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/wpgaurav/generateblocks-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/generateblocks-layouts .agents/skills/generateblocks-layouts && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "generateblocks-layouts" agent skill from https://github.com/wpgaurav/generateblocks-skills/tree/main/skills/generateblocks-layouts into .agents/skills/generateblocks-layouts/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "generateblocks-layouts", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add wpgaurav/generateblocks-skills --skill generateblocks-layouts -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install wpgaurav/generateblocks-skills generateblocks-layouts --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/wpgaurav/generateblocks-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/generateblocks-layouts .cursor/skills/generateblocks-layouts && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "generateblocks-layouts" agent skill from https://github.com/wpgaurav/generateblocks-skills/tree/main/skills/generateblocks-layouts into .cursor/skills/generateblocks-layouts/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "generateblocks-layouts", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/wpgaurav/generateblocks-skills.git --path skills/generateblocks-layouts--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add wpgaurav/generateblocks-skills --skill generateblocks-layouts -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install wpgaurav/generateblocks-skills generateblocks-layouts --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/wpgaurav/generateblocks-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/generateblocks-layouts .gemini/skills/generateblocks-layouts && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "generateblocks-layouts" agent skill from https://github.com/wpgaurav/generateblocks-skills/tree/main/skills/generateblocks-layouts into .gemini/skills/generateblocks-layouts/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "generateblocks-layouts", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install wpgaurav/generateblocks-skills generateblocks-layoutsInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add wpgaurav/generateblocks-skills --skill generateblocks-layouts -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/wpgaurav/generateblocks-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/generateblocks-layouts .github/skills/generateblocks-layouts && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "generateblocks-layouts" agent skill from https://github.com/wpgaurav/generateblocks-skills/tree/main/skills/generateblocks-layouts into .github/skills/generateblocks-layouts/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "generateblocks-layouts", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add wpgaurav/generateblocks-skills --skill generateblocks-layouts -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install wpgaurav/generateblocks-skills generateblocks-layouts --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/wpgaurav/generateblocks-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/generateblocks-layouts .opencode/skills/generateblocks-layouts && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "generateblocks-layouts" agent skill from https://github.com/wpgaurav/generateblocks-skills/tree/main/skills/generateblocks-layouts into .opencode/skills/generateblocks-layouts/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "generateblocks-layouts", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
generateblocks-layouts- GitHub stars
- 136
- Token cost
- ~868 tokens
- SKILL.md length
- 384 words
- Files
- 70 (incl. scripts, references)
- Skills in repo
- 4
- Repo updated
- First seen
- Licence
- None found
At a glance
Build and audit WordPress layouts with GenerateBlocks V2, including CSS Mode, responsive at-rules, dynamic data, Pro components, and recovery-safe block serialization.
- Works in 5 steps: Inspect the source/target, versions, and… → Select semantic blocks and preserve… → Generate file output with the native… → …
- Hand-authored block markup
- SKILL.md covers Read only what the task needs, Workflow and Examples and failures
- Runs JavaScript and PHP scripts from its folder
What it does
Generateblocks Layouts is an agent skill from wpgaurav/generateblocks-skills. Build and audit WordPress layouts with GenerateBlocks V2, including CSS Mode, responsive at-rules, dynamic data, Pro components, and recovery-safe block serialization. Use for new GB layouts, conversions, repairs, and hand-authored block markup.
Its SKILL.md is about 870 tokens, which your agent loads only when the skill is triggered. The skill folder holds 73 other files, including scripts and reference files (for example `examples/basic/CLAUDE.md`, `examples/beta-design-system/README.md` and `examples/beta-design-system/build-kit.js`).
It sits in Frontend & Design. It works with WordPress. The repository describes itself as: GenerateBlocks Skills to create better layouts with AI tools.
When your agent uses it
- Hand-authored block markup
Example prompts
- “/generateblocks-layouts”
Requirements
- Node.js
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Inspect the source/target, versions, and design guidance. Use the real post ID
- Select semantic blocks and preserve content/behavior. For new designs, read
- Generate file output with the native serializer or scripts/gb_serialize.py.
- Run scripts/preflight.py FILE --id-scope SCOPE, then validate unfamiliar output
- For live writes, first read mcp-publishing.md; snapshot, splice, read back,
What it can do on your machine
Read from SKILL.md and the folder at commit b57b6c2. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/ (JavaScript and PHP, from the files we listed), which the agent can run.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Generateblocks Layouts loads about 868 tokens when it runs, and up to ~81k if it reads all its reference files. Until then it costs about 67 tokens; SKILL.md has 384 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 384 words (~868 tokens).
“Build or repair GenerateBlocks V2 layouts using the installed plugin's native serialization. This skill supports local styling, dynamic content, Pro blocks, and explicitly requested shared systems.”
- name
- generateblocks-layouts
- metadata.compatibility
- Stable guidance: free 2.4.1 + Pro 2.7.1. Beta design-system workflow tested with free 2.5.0-beta.1 + Pro 2.8.0-beta.1 on WordPress 7.1.1/PHP 8.4, 2026-09-18.
Files
SKILL.md and 69 other files (scripts, references) in skills/generateblocks-layouts of wpgaurav/generateblocks-skills.
- SKILL.md
- examples/basic/CLAUDE.md
- examples/basic/buttons.html
- examples/basic/containers.html
- examples/basic/text-icons.html
- examples/beta-design-system/README.md
- examples/beta-design-system/build-kit.js
- examples/beta-design-system/ink-page.html
- examples/beta-design-system/ink.design-system.json
- examples/beta-design-system/local-mail-sink.php
- examples/beta-design-system/paper-form.html
- examples/beta-design-system/paper-page.html
- examples/beta-design-system/paper.design-system.json
- examples/beta-design-system/patterns/comparison.html
- examples/beta-design-system/patterns/faq.html
- examples/beta-design-system/patterns/footer.html
- examples/beta-design-system/patterns/hero.html
- … and 53 more
Open the folder on GitHubat commit b57b6c2
Compare with similar skills
Generateblocks Layouts next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Generateblocks Layouts this skillwpgaurav/generateblocks-skills | 136 | — | ~868 | Automated safety check: Pass | None | |
| Tidyfactor StylerTidyFactor/Styler | 118 | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | |
| Block Runnerhumanmade/block-runner | 122 | — | ~1.8k | Automated safety check: Pass | GPL-2.0-or-later | |
| Wp Accessibility Reviewjorgerosal/wordpress-skills | 101 | — | ~1.1k | Automated safety check: Pass | MIT | |
| WpdsAutomattic/agent-skills | 211 | 1 repos | ~704 | Automated safety check: Pass | None | |
| Wjs Converting Wp To Hugojianshuo/claude-skills | 130 | — | ~1.8k | Automated safety check: Pass | MIT |
Similar skills
Block Runner
humanmade/block-runner
Turn WordPress page content or authored design HTML into valid, native, editable Gutenberg blocks, or plan a reusable named registered block for deterministic source generation.
Wp Accessibility Review
jorgerosal/wordpress-skills
WordPress accessibility review for themes, blocks, plugins, and admin interfaces.
Wpds
Automattic/agent-skills
A skill your agent uses when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.
Wjs Converting Wp To Hugo
jianshuo/claude-skills
A skill your agent uses when migrating a WordPress site to a Hugo static site on GitHub Pages from a WXR export (.xml) plus the wp-content/uploads folder — preserving /archives/<id/ URLs, localizing…
Wordpress Block Theming
Automattic/wordpress-agent-skills
WordPress Full Site Editing (FSE) theme architecture. An agent skill from Automattic/wordpress-agent-skills.
More from wpgaurav/generateblocks-skills
Elementor To Generateblocks
wpgaurav/generateblocks-skills
Convert Elementor layouts to clean GenerateBlocks V2 format, eliminating DIVception
Figma To Generateblocks
wpgaurav/generateblocks-skills
Convert Figma designs to GenerateBlocks V2 format for WordPress
HTML To Generateblocks
wpgaurav/generateblocks-skills
Convert HTML/CSS layouts to GenerateBlocks V2 format with inline styles
Related
Works with
Categories
Questions about Generateblocks Layouts
What does Generateblocks Layouts do?
Build and audit WordPress layouts with GenerateBlocks V2, including CSS Mode, responsive at-rules, dynamic data, Pro components, and recovery-safe block serialization. Generateblocks Layouts is an agent skill from wpgaurav/generateblocks-skills. Build and audit WordPress layouts with GenerateBlocks V2, including CSS Mode, responsive at-rules, dynamic data, Pro components, and recovery-safe block serialization.
When should I use Generateblocks Layouts?
Generateblocks Layouts fits situations like: hand-authored block markup.
How do I install Generateblocks Layouts in Claude Code?
Run `npx skills add wpgaurav/generateblocks-skills --skill generateblocks-layouts -a claude-code`. Or copy the skill folder (skills/generateblocks-layouts in wpgaurav/generateblocks-skills) into .claude/skills/generateblocks-layouts in your project. Claude Code loads it when a task matches its description.
How do I install Generateblocks Layouts in Codex?
Run `npx skills add wpgaurav/generateblocks-skills --skill generateblocks-layouts -a codex`. Or copy the skill folder (skills/generateblocks-layouts in wpgaurav/generateblocks-skills) into .agents/skills/generateblocks-layouts in your project. Codex loads it when a task matches its description.
Can I use Generateblocks Layouts in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add wpgaurav/generateblocks-skills --skill generateblocks-layouts -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/generateblocks-layouts, .gemini/skills/generateblocks-layouts, .github/skills/generateblocks-layouts and .opencode/skills/generateblocks-layouts in your project.
What does Generateblocks Layouts need to run?
Going by SKILL.md and its folder, Generateblocks Layouts needs JavaScript and PHP for the scripts in its folder. Our summary lists: Node.js.
Does Generateblocks Layouts access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Generateblocks Layouts safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Generateblocks Layouts use?
No licence was found for Generateblocks Layouts or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Generateblocks Layouts use?
About 868 tokens (SKILL.md is roughly 3.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 80k tokens, read only when the agent opens those files.
What are the alternatives to Generateblocks Layouts?
Skills that share tags, products or a category with Generateblocks Layouts: Tidyfactor Styler (TidyFactor/Styler, 118 stars), Block Runner (humanmade/block-runner, 122 stars), Wp Accessibility Review (jorgerosal/wordpress-skills, 101 stars) and Wpds (Automattic/agent-skills, 211 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Generateblocks Layouts?
wpgaurav (a GitHub user) maintains it in wpgaurav/generateblocks-skills, which has 136 GitHub stars. The repository holds 4 skills in this directory. The repository was last updated on October 6, 2026.
Source: wpgaurav/generateblocks-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.