{"id":50763152,"url":"https://github.com/beenacle/bricks-builder-skill","last_synced_at":"2026-06-11T12:01:03.349Z","repository":{"id":362031689,"uuid":"1256961334","full_name":"beenacle/bricks-builder-skill","owner":"beenacle","description":"Code-first website building for Bricks Builder (WordPress) — a Claude Code skill","archived":false,"fork":false,"pushed_at":"2026-06-02T09:34:32.000Z","size":60,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-02T10:24:18.528Z","etag":null,"topics":["bricksbuilder","claude-code","claude-skill","wordpress"],"latest_commit_sha":null,"homepage":null,"language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/beenacle.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-06-02T08:31:59.000Z","updated_at":"2026-06-02T09:34:37.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/beenacle/bricks-builder-skill","commit_stats":null,"previous_names":["beenacle/bricks-builder-skill"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/beenacle/bricks-builder-skill","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beenacle%2Fbricks-builder-skill","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beenacle%2Fbricks-builder-skill/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beenacle%2Fbricks-builder-skill/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beenacle%2Fbricks-builder-skill/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/beenacle","download_url":"https://codeload.github.com/beenacle/bricks-builder-skill/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beenacle%2Fbricks-builder-skill/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34197394,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-11T02:00:06.485Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bricksbuilder","claude-code","claude-skill","wordpress"],"created_at":"2026-06-11T12:01:02.236Z","updated_at":"2026-06-11T12:01:03.329Z","avatar_url":"https://github.com/beenacle.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bricks Builder — code-first skill for Claude Code\n\nA [Claude Code](https://claude.com/claude-code) **skill** for building and editing\n[Bricks Builder](https://bricksbuilder.io/) (WordPress) websites **by generating\nvalid Bricks element JSON and importing it** — without operating the visual builder.\n\nClaude Code can't drag-and-drop in a canvas. This skill is the schema and workflow\nfor producing correct Bricks data: the postmeta data model, the element/control\nschema, JSON import/export, query loops, dynamic data, conditions, components,\nglobal classes / theme styles, responsive behavior, the Code element's security\nmodel, Advanced Themer interop, and a headless **screenshot → compare → fix**\nverification loop for pixel matching.\n\n\u003e Targets **Bricks 2.3.x** and **Advanced Themer 3.3.x**. Bricks evolves between\n\u003e versions — when your install differs, treat anything version-specific as a\n\u003e starting point and confirm against the running site.\n\n## Install\n\nSkills load from `~/.claude/skills/\u003cname\u003e/SKILL.md`. Clone, then symlink (or copy)\nthis repo in as `bricks-builder` (the skill's internal name):\n\n```bash\ngit clone https://github.com/beenacle/bricks-builder-skill.git\nmkdir -p ~/.claude/skills\nln -s \"$(pwd)/bricks-builder-skill\" ~/.claude/skills/bricks-builder\n```\n\nReload Claude Code; type `/` and look for `bricks-builder`, or just ask for Bricks\nwork and it auto-loads from the skill description.\n\n## The workflow\n\n1. **Model** the design as a Bricks element tree using native elements.\n2. **Style** with global classes (BEM); never by id.\n3. **Emit** import JSON in the exact page/template shape.\n4. **Import** to staging — `assets/php-importer.php` via `wp eval-file`, or the\n   Bricks admin importer; then `wp bricks regenerate_assets` if CSS loading is\n   \"External files\".\n5. **Verify** by headless screenshot, diff against the design, fix, re-import.\n\nSee [`SKILL.md`](SKILL.md) for the full workflow and principles.\n\n## Contents\n\n- [`SKILL.md`](SKILL.md) — workflow, principles, and the reference map.\n- `references/01–14` — data model, import/export, element catalog, pages \u0026\n  templates, components, query loops, dynamic data, conditions, styling,\n  responsive, the Code element, Advanced Themer, verification, and a catalog of\n  **silent rendering gotchas**.\n- `assets/` — real-shape example JSON (page, component, query loop) and a headless\n  `php-importer.php` that mirrors how Bricks imports templates.\n\n## Disclaimer\n\nIndependent, unofficial documentation. **Not affiliated with, authorized by, or\nendorsed by** Bricks (Bricks Technology Ltd.) or Advanced Themer. \"Bricks\",\n\"Bricks Builder\", and \"Advanced Themer\" are trademarks of their respective owners.\n\nThis repository contains **no Bricks or Advanced Themer source code** — only\noriginal documentation and example assets. Those plugins are commercial,\nGPL-licensed products you must license and obtain from their vendors.\n\n## License\n\n[MIT](LICENSE) for the documentation and example assets in this repository.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbeenacle%2Fbricks-builder-skill","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbeenacle%2Fbricks-builder-skill","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbeenacle%2Fbricks-builder-skill/lists"}