skills.rest
pimcore
pimcoreOFFICIAL
Explore all skills by this author →
Website𝕏@pimcoreGitHub

pimcore-studio-ui-bundle-structure

Organize Pimcore Studio bundle directories and file naming conventions.

13|Updated Apr 2, 2026
Search Tags:#architecture#frontend#react#bundle#studio#pimcore
One-click install
npx skills add https://github.com/pimcore/skills --skill pimcore-studio-ui-bundle-structure
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pimcore-studio-ui-bundle-structure
Source: https://github.com/pimcore/skills/tree/main/skills/pimcore-studio-ui-bundle-structure
Command: npx skills add https://github.com/pimcore/skills --skill pimcore-studio-ui-bundle-structure

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Pimcore Studio bundle structure documentation helps teams standardize how bundles are organized, reducing confusion when building or extending Studio integrations.

Core Features & Use Cases

  • Guidelines for directory layout: assets/, public/, src, translations, and build outputs to ensure consistency across bundles.
  • Module and component organization patterns: editors, lists, details, hooks, and API modules with clear naming conventions.
  • Real-world use: when creating a new Pimcore Studio bundle, follow the prescribed structure to expedite development and ensure maintainability.

Quick Start

Review the bundle structure guidelines and begin applying the recommended layout when creating a new Pimcore Studio bundle.

Frequently Asked Questions about pimcore-studio-ui-bundle-structure

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a new Pimcore Studio bundle for frontend and backend components?▼

To structure a Pimcore Studio bundle, organize files into standardized directories like assets/, public/, and src/. This layout separates frontend React components, backend controllers, and translations to ensure a coherent module architecture.

What is the required directory layout for Pimcore Studio bundles?▼

The required Pimcore Studio bundle directory layout includes assets/, public/, src/, translations, and build outputs. Following these prescribed directory conventions and file naming patterns standardizes module organization across the project.

How do I organize React frontend components within a Pimcore Studio bundle?▼

Organize React frontend components within a Pimcore Studio bundle by grouping them into editors, lists, details, and hooks modules. Applying these clear naming conventions ensures maintainability and consistent component integration.

Can I use existing Pimcore Studio bundle patterns to speed up new module development?▼

Yes, you can use existing Pimcore Studio bundle patterns to speed up development. Following the prescribed structure for directories and integration points expedites creating new bundles while ensuring architectural consistency.

Where should Pimcore Studio bundle translations and build outputs be placed?▼

Pimcore Studio bundle translations and build outputs should be placed in their designated top-level directories. Isolating translations and build artifacts in specific folders maintains a clean separation of concerns across the bundle architecture.

Related Skills

Explore More Software Engineering Skills→
kmshihab7878kmshihab7878
6

web-artifacts-builder

Bundle React and TypeScript projects into a single self-contained HTML file.

Community
Advanced
pimcorepimcore
13

pimcore-studio-bundle-setup

Sets up Pimcore Studio bundles with PHP backend and rsbuild frontend federation configuration.

Official
Advanced
pimcorepimcore
13

pimcore-studio-ui-notifications-toasts

Centralize toast notifications using the useMessage hook in Pimcore Studio UI.

Official
Intermediate
pimcorepimcore
13

pimcore-studio-ui-using-sdk-in-bundles

Consume Pimcore Studio UI SDK in bundles for module federation extensions.

Official
Advanced