MD

mekko-digital/bricks-builder-skills

浏览器自动化

本页由 AI 翻译,技术细节请以原文为准。 查看原文

59 stars 质量 53 趋势 17NOASSERTION

一项Claude代码技能,让Claude对Bricks Builder WordPress主题有深入且经过验证的了解。

概览

一项Claude代码技能,赋予Claude对Bricks Builder WordPress主题深入且经过验证的知识。安装该技能后,Claude可以读取和写入Bricks页面JSON、注册自定义元素、配置主题样式和断点、构建表单和查询循环、线路交互和弹窗——所有操作均使用。 LLM会幻觉Brick的控制键(_bgColor代替_background,填充代替_padding,虚构的动画名称)。这项技能将所有推荐都建立在实际Bricks的源代码上,这样你就不用调试不存在的设置了。 参考资料,全部从Bricks 2.x源文件中提取。已验证,非生成。 这项技能确实需要额外的工具。

概述(AI 翻译)

一项Claude代码技能,赋予Claude对Bricks Builder WordPress主题深入且经过验证的知识。安装此技能后,Claude可以读写Bricks页面JSON,注册自定义元素,配置主题样式和断点,构建表单和查询循环,线路交互和弹窗——所有这些都使用Bricks数据库中实际使用的控制键、数值形状和命名规范。

为什么存在? LLM会幻觉Brick的控制键(用_bgColor代替[_background,padding代替[_padding,虚构的动画名称)。这项技能将所有建议都基于实际的Bricks源代码,这样你就不用调试不存在的设置了。

里面是什么

大约500行的参考资料,全部从Bricks 2.x源文件中提取。已验证,未生成。

设置:技能与工具无关

这项技能不需要额外的工具。它适用于你已有的WordPress安装权限——选择你已有的,没有哪个是优先选择的:

本页由 AI 翻译,技术细节请以原文为准。

README

以下为原文 README 节选,完整内容请查看原文。

Bricks Builder Skill for Claude Code

A Claude Code skill that gives Claude deep, verified knowledge of the Bricks Builder WordPress theme. With this skill installed, Claude can read and write Bricks page JSON, register custom elements, configure theme styles and breakpoints, build forms and query loops, wire interactions and popups – all using the exact control keys, value shapes, and naming conventions Bricks actually uses in the database.

Why it exists. LLMs hallucinate Bricks control keys (_bgColor instead of _background, padding instead of _padding, made-up animation names). This skill grounds every recommendation in the actual Bricks source, so you stop debugging settings that don’t exist.

What’s inside

bricks-builder-skills/                    # repo root = a Claude Code plugin
+-- .claude-plugin/
|   +-- plugin.json                       # plugin manifest
|   +-- marketplace.json                  # marketplace entry (one-line install)
+-- skills/
    +-- bricks-builder-skills/
        +-- SKILL.md                      # entry point Claude loads automatically
        +-- references/
            +-- elements-catalog.md           # all 73 native elements + 39 control types
            +-- element-base-controls.md      # _typography, _padding, _background, etc.
            +-- containers-and-layout.md      # section/container/block/div, flex, grid, masonry
            +-- interactions-and-animations.md# triggers, actions, Animate.css names, GSAP pattern
            +-- responsive-breakpoints.md     # :breakpoint_key syntax, mobile-first, custom bps
            +-- theme-styles-and-globals.md   # theme styles, classes, variables, palettes, components
            +-- forms.md                      # every field type and action (mailchimp, webhook, --)
            +-- query-loop.md                 # post/term/user/woo/api queries, filters, pagination
            +-- conditions.md                 # show/hide logic, all condition keys + operators
            +-- dynamic-data.md               # {tag} syntax, ACF/MetaBox/JetEngine/Pods integration
            +-- popups-and-templates.md       # template types, assignment, popup config
            +-- custom-elements.md            # full child-theme element registration guide
            +-- db-schema.md                  # every BRICKS_DB_* constant + JSON shapes
            +-- novamira-verification.md      # live-WP verification recipes via Novamira MCP
            +-- quick-reference.md            # cheat sheet -- class names, helpers, JS globals

Around 3,500 lines of reference material, all extracted from Bricks 2.x source files. Verified, not generated.

Setup: the skill is tool-agnostic

在 GitHub 查看完整 README

推荐工具

换一个关键词,或者移除筛选条件。

安装

npx skillfish add mekko-digital/bricks-builder-skills
新手?先看 mcpskill.org 教程 →