New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Atomic Builder Extend

by elementor in elementor/elementor

Pick the right Elementor v4 skill. An agent skill from elementor/elementor.

GPL-3.0Auto-check passed

Install Atomic Builder Extend

skills CLI
$ npx skills add elementor/elementor --skill atomic-builder-extend -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install elementor/elementor atomic-builder-extend --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/elementor/elementor.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.cursor/skills/atomic-builder-extend .claude/skills/atomic-builder-extend && rm -rf skills-src

Use ~/.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/

Facts

Skill name
atomic-builder-extend
GitHub stars
7.1k
Token cost
~1.6k tokens
SKILL.md length
491 words
Files
1
Skills in repo
8
Repo updated
First seen
Licence
GPL-3.0

At a glance

Pick the right Elementor v4 skill. An agent skill from elementor/elementor.

  • Works in 4 steps: Confirm v4 context: experiments… → Map intent using the decision table below. → Read the matching child skill under… → …
  • You want to create a widget
  • SKILL.md covers Checklist, v3 vs v4 warning, Decision table and Cross-skill edges, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Atomic Builder Extend is an agent skill from elementor/elementor. Pick the right Elementor v4 skill. Use when you want to create a widget, extend prop types, add a dynamic tag, add an editor package, extend variables, or run an Internal Core-only skill (CSS converter / interactions).

Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

The repository describes itself as: The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design. The licence is GPL-3.0.

When your agent uses it

  • You want to create a widget
  • Extend prop types
  • Add a dynamic tag
  • Add an editor package

Example prompts

  • “/atomic-builder-extend”

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. Confirm v4 context: experiments e_atomic_elements (and often e_opt_in_v4) — see getting-started/experiments.md. No separate e_classes…
  2. Map intent using the decision table below.
  3. Read the matching child skill under .cursor/skills/ and follow its workflow.
  4. Read linked docs/atomic-builder/... pages before implementing.

What it can do on your machine

Read from SKILL.md and the folder at commit dd32c13. 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

    No scripts in the folder and no shell commands in SKILL.md.

    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

Atomic Builder Extend loads about 1.6k tokens when it runs. Until then it costs about 60 tokens; SKILL.md has 491 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~60
When it runs · the whole SKILL.md, loaded when a task matches
~1.6k

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); files beside SKILL.md are not scanned.

SKILL.md

The full file from elementor/elementor at commit dd32c13, republished under its GPL-3.0 licence (© elementor). 491 words, ~1,618 tokens.

Download SKILL.mdSave it as .claude/skills/atomic-builder-extend/SKILL.md (or your agent's skills folder).
name
atomic-builder-extend
description
Pick the right Elementor v4 skill. Use when you want to create a widget, extend prop types, add a dynamic tag, add an editor package, extend variables, or run an Internal Core-only skill (CSS converter / interactions).

Extend Elementor V4 (router)

Source of truth: docs/atomic-builder/README.md. Skills are checklists that link there — do not duplicate the doc tree. Runnable examples: docs/atomic-builder/examples/. Consolidated third-party demo: examples/example-plugin/.

This router is not an implementation capability. It does not define hooks, paths, or a shippable outcome — it only routes intent to a child skill with a binary External or Internal scope.

Checklist

  1. Confirm v4 context: experiments e_atomic_elements (and often e_opt_in_v4) — see getting-started/experiments.md. No separate e_classes experiment — global-classes gates on e_atomic_elements only (modules/global-classes/module.php); trust experiments.md over global-classes/overview.md on this point.
  2. Map intent using the decision table below.
  3. Read the matching child skill under .cursor/skills/ and follow its workflow.
  4. Read linked docs/atomic-builder/... pages before implementing.

v3 vs v4 warning

The marketplace skill elementor-widget-patterns is v3 only (Widget_Base, Controls_Manager, content_template). For atomic / v4 work, use the child skills below — not legacy widget patterns.

Angie's extend-elementor guide (surfaced inside the code-snippet MCP tool, not this repo) is also v3 only — legacy hooks like elementor/element/{name}/{section}/before_section_end. It has no atomic/v4 coverage; for v4 use the decision table below and the elementor/atomic-widgets/* hooks documented in the child skills.

Decision table

Scope = who can ship the full documented outcome: External (3rd-party plugin, no Core changes) · Internal (requires a PR against Core). Partial external APIs do not change classification. Full split: docs/atomic-builder/skills-scope.md.

IntentChild skillScopePrimary docs
New widget or container elementcreate-atomic-widgetExternalatomic-widgets/authoring-widgets.md
$$type, prop schema, validation, transformersextend-prop-typesExternalfundamentals/prop-types.md, transformers.md
WordPress data source / dynamic bindingadd-dynamic-tagExternaldynamic-tags/extending.md
Editor UI, slots, in-editor MCP toolsadd-editor-packageExternaleditor-packages/extending-editor.md
Design tokens / kit variablesextend-variablesExternalvariables/types.md
Legacy CSS → atomic style propsinternal-extend-css-converterInternalcss-converter/extension.md
Motion / interactions tab (full stack)internal-extend-interactionsInternalinteractions/editor.md
Show full SKILL.md (213 more words)Show less

Cross-skill edges

Scope: External vs Internal

Before implementing, confirm the child skill's scope — a plugin-only approach cannot ship an Internal capability.

  • External — third-party plugin in its own repo: subclass + WordPress hooks/filters documented in child skills; own npm package or hand-built editor JS bundle. Do not modify Elementor Core.
  • Internal — requires changing Elementor Core (modules/, packages/packages/core/) via an accepted PR. Pro companion only for Pro-gated interaction fields lives in the elementor-pro sibling repo — not in Core and not in a third-party plugin. Editor-only partial integrations via public hooks do not satisfy Internal skills when the full outcome includes published-page behavior.

Full classification: docs/atomic-builder/skills-scope.md.

No matching skill?

If intent is not in the table, read docs/atomic-builder/README.md section index. There is no skill yet for these — use docs directly or stop if a Core PR is required:

Next step

Pick one child skill from the table, open its SKILL.md, and execute that checklist end-to-end.

© elementor, GPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .cursor/skills/atomic-builder-extend of elementor/elementor.

Open the folder on GitHubat commit dd32c13

Compare with similar skills

Atomic Builder Extend 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.

Atomic Builder Extend compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Atomic Builder Extend this skillelementor/elementor7.1k—~1.6kAutomated safety check: PassGPL-3.0
Compose Atomslobehub/lobehub83k—~2.6kAutomated safety check: PassCustom licence
Flutter Cherry Pickflutter/flutter179k—~1.8kAutomated safety check: PassBSD-3-Clause
Team Builderaffaan-m/ECC275k1 repos~1.8kAutomated safety check: PassMIT
Team Builderaffaan-m/ECC275k1 repos~808Automated safety check: PassMIT
Dashboard Builderaffaan-m/ECC275k—~221Automated safety check: PassMIT

Similar skills

  • Compose Atoms

    lobehub/lobehub

    Splits a heavy front-end domain into capability atoms that each host imports separately, sinking state into each atom instead of adding mode or readOnly flags.

    83k GitHub stars~2.6k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Flutter Cherry Pick

    flutter/flutter

    How to land a formal cherry-pick of a merged PR for the flutter/flutter repo stable or beta channel.

    179k GitHub stars~1.8k tokensUpdated today
    MobileAuto-check passed

  • Team Builder

    affaan-m/ECC

    Interactive picker that discovers available agent personas via the claude agents command and agents/ markdown globs, groups them into domains, has the user select up to five, dispatches them in…

    275k GitHub starsUsed in 1 repo~1.8k tokens
    Agent WorkflowsAuto-check passed

  • Team Builder

    affaan-m/ECC

    用于组合和派遣并行团队的交互式代理选择器

    275k GitHub starsUsed in 1 repo~808 tokens
    Auto-check passed

  • Dashboard Builder

    affaan-m/ECC

    Grafana、SigNoz、および同様のプラットフォーム用の実際のオペレータ質問に答える監視ダッシュボードを構築します。メトリクスを虚栄ボードではなく機能するダッシュボードに変える場合に使用します。

    275k GitHub stars~221 tokensUpdated 3 days ago
    DevOps & CloudAuto-check passed

  • Dashboard Builder

    affaan-m/ECC

    为 Grafana、SigNoz 等平台构建能够回答实际运维人员问题的监控仪表板。适用于将指标转化为可用的仪表板，而非华而不实的展示板。

    275k GitHub stars~279 tokensUpdated 3 days ago
    DevOps & CloudAuto-check passed

More from elementor/elementor

All 8 skills in this repo

  • Add Dynamic Tag

    elementor/elementor

    External: Add dynamic tags for v4 atomic widgets from a third-party plugin.

    7.1k GitHub stars~1.2k tokensUpdated today
    Auto-check passed

  • Add Editor Package

    elementor/elementor

    External: Add an Editor V2 package from a third-party plugin that injects UI or in-editor MCP tools.

    7.1k GitHub stars~1.7k tokensUpdated today
    Auto-check passed

  • Create Atomic Widget

    elementor/elementor

    External: Create atomic widgets and container elements from a third-party plugin.

    7.1k GitHub stars~1.3k tokensUpdated today
    Auto-check passed

  • Extend Prop Types

    elementor/elementor

    External: Add or extend a prop type from a third-party plugin.

    7.1k GitHub stars~1.7k tokensUpdated today
    Auto-check passed

  • Extend Variables

    elementor/elementor

    External: Register global design-token variable types from a third-party plugin.

    7.1k GitHub stars~1.6k tokensUpdated today
    Auto-check passed

  • Internal Extend CSS Converter

    elementor/elementor

    Internal: Extend the atomic CSS converter in a Core fork and submit a Core PR.

    7.1k GitHub stars~1.2k tokensUpdated today
    Auto-check passed

Questions about Atomic Builder Extend

What does Atomic Builder Extend do?

Pick the right Elementor v4 skill. An agent skill from elementor/elementor. Atomic Builder Extend is an agent skill from elementor/elementor. Pick the right Elementor v4 skill.

When should I use Atomic Builder Extend?

Atomic Builder Extend fits situations like: you want to create a widget; extend prop types; add a dynamic tag; add an editor package.

How do I install Atomic Builder Extend in Claude Code?

Run `npx skills add elementor/elementor --skill atomic-builder-extend -a claude-code`. Or copy the skill folder (.cursor/skills/atomic-builder-extend in elementor/elementor) into .claude/skills/atomic-builder-extend in your project. Claude Code loads it when a task matches its description.

How do I install Atomic Builder Extend in Codex?

Run `npx skills add elementor/elementor --skill atomic-builder-extend -a codex`. Or copy the skill folder (.cursor/skills/atomic-builder-extend in elementor/elementor) into .agents/skills/atomic-builder-extend in your project. Codex loads it when a task matches its description.

Can I use Atomic Builder Extend 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 elementor/elementor --skill atomic-builder-extend -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/atomic-builder-extend, .gemini/skills/atomic-builder-extend, .github/skills/atomic-builder-extend and .opencode/skills/atomic-builder-extend in your project.

What does Atomic Builder Extend need to run?

SKILL.md names no scripts, command-line tools or credentials: Atomic Builder Extend is instructions for the agent only.

Does Atomic Builder Extend 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 Atomic Builder Extend 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. Review the folder before installing.

What licence does Atomic Builder Extend use?

Atomic Builder Extend is published under the GPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Atomic Builder Extend use?

About 1.6k tokens (SKILL.md is roughly 6.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Atomic Builder Extend?

Skills that share tags, products or a category with Atomic Builder Extend: Compose Atoms (lobehub/lobehub, 83k stars), Flutter Cherry Pick (flutter/flutter, 179k stars), Team Builder (affaan-m/ECC, 275k stars) and Team Builder (affaan-m/ECC, 275k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Atomic Builder Extend?

elementor (a GitHub organization) maintains it in elementor/elementor, which has 7,084 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on October 8, 2026.

Source: elementor/elementor on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.