blockstudio

Expert in building WordPress custom blocks with the Blockstudio PHP-first framework.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "blockstudio" with this command: npx skills add enriquo/blockstudio-skills/enriquo-blockstudio-skills-blockstudio

Blockstudio

Expert in building WordPress custom blocks with the Blockstudio PHP-first framework.

When to Use

  • Creating or configuring Blockstudio blocks (block.json
  • index.php / Twig / Blade)
  • Defining block fields/attributes via the blockstudio key in block.json

  • Setting up global or per-block asset files (global-*.css , style.css , script.js )

  • Configuring blockstudio.json theme settings

  • Bootstrapping Blockstudio via Composer (Build::init() , blockstudio() )

  • Working with code-snippet directories (folders without block.json )

  • Debugging asset enqueuing, SCSS compilation, or block registration issues

Reference

Blockstudio ships an official AI context file (/blockstudio-llm.txt ) split into documentation and JSON schemas. The references below mirror that split:

Topic Reference Load When

Framework documentation references/documentation.md

Always — installation, block structure, fields, assets, templates, settings

JSON schemas references/schemas.md

When writing or validating block.json , blockstudio.json , page.json

Core Concepts

  • Block directory: a folder inside blockstudio/ containing block.json (with "blockstudio" key) and a render template (index.php , index.twig , or index.blade.php )

  • Code-snippet directory: a folder without block.json ; used for global assets and init.php snippets

  • Asset convention: style.css → scoped to block; global-*.css → enqueued site-wide

  • No build step: Blockstudio handles SCSS compilation and JS bundling automatically based on blockstudio.json settings

  • $a variable: shorthand for block attributes available inside PHP templates

Constraints

MUST DO

  • Always include "blockstudio": {} key in block.json to opt into Blockstudio discovery

  • Use get_block_wrapper_attributes() in PHP templates for proper block support attributes

  • Escape output — use esc_html() , esc_attr() , wp_kses_post() as appropriate

  • Place global assets only in one location to avoid duplicate enqueuing

MUST NOT DO

  • Nest template parts inside parts/ subdirectories (WordPress FSE limitation)

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

image-gen

Generate AI images from text prompts. Triggers on: "生成图片", "画一张", "AI图", "generate image", "配图", "create picture", "draw", "visualize", "generate an image".

Archived SourceRecently Updated
General

explainer

Create explainer videos with narration and AI-generated visuals. Triggers on: "解说视频", "explainer video", "explain this as a video", "tutorial video", "introduce X (video)", "解释一下XX(视频形式)".

Archived SourceRecently Updated
General

asr

Transcribe audio files to text using local speech recognition. Triggers on: "转录", "transcribe", "语音转文字", "ASR", "识别音频", "把这段音频转成文字".

Archived SourceRecently Updated