Token导航 LogoToken导航

Agent Skill · 前端设计

craft-content-modeling(工艺内容建模)

用于辅助文档、README、Markdown、说明文和内容稿件的整理与改写。它适合让 Agent 提炼结构、补齐章节、统一术语、检查链接或把零散材料整理成可读文档。使用时应保留项目已有事实、命令和路径,不要把未确认的信息写成确定结论;涉及对外文案时,还需要控制语气,避免过度营销或夸大能力。

craft-content-modeling 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为需要联网;许可证信息还不明确,第三方扫描已通过,按安装量在前端设计类的 10,216 个 Skill 里排第 8,740。

总安装 264周安装 11GitHub Stars 38下载 88核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:craft-content-modeling(工艺内容建模)
来源仓库:https://github.com/michtio/craftcms-claude-skills
仓库路径:skills/craft-content-modeling
安装命令:
npx skills add https://github.com/michtio/craftcms-claude-skills --skill craft-content-modeling
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/michtio/craftcms-claude-skills --skill craft-content-modeling

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

craft-content-modeling 指导 Craft CMS 5 的内容结构设计,包括区块、字段与关系建模。适用于构建结构化内容体系、管理资产与实现复杂字段组合的项目。涵盖 Matrix 字段、元素关联与模板访问策略等企业级内容架构模式。

需配合 craft-site 等伴生技能使用,确保内容与前端渲染逻辑一致。适用宿主包括 Codex、Claude、Cursor、Gemini CLI,接入前应确认版本、权限和运行环境要求。

来源仓库内路径:skills/craft-content-modeling

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/michtio/craftcms-claude-skills --skill craft-c…;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要需要联网,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

craft-content-modeling 怎么安装?

在终端执行 npx skills add https://github.com/michtio/craftcms-claude-skills --skill craft-content-mod…。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

craft-content-modeling 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

craft-content-modeling 需要什么权限?

权限级别是需要联网。该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

craft-content-modeling 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

craft-content-modeling 用的人多吗?

公开数据是累计安装 264 次,近一周安装 11 次,下载 88 次,GitHub 38 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

craft-content-modeling 安全吗?

第三方扫描结果为通过,但这只覆盖已知的静态检查项,不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

  • 需要明确授权才能用到公司项目里的场景。
  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
craft-content-modeling

工艺内容建模 · 本页

26438需要联网未明确通过

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

Craft CMS 5 — Content Modeling

How to structure content in Craft CMS 5. Sections, entry types, fields, Matrix, relations, asset management, and strategic patterns for real projects.

This skill covers content architecture — what goes in the CP, how it's organized, and how templates access it. For extending Craft with PHP (plugins, modules, custom element types), see the craftcms skill.

Companion Skills — Always Load Together

When this skill triggers, also load:

  • craft-site — Template architecture, component patterns, routing. Required when content decisions affect how templates render data.
  • craft-twig-guidelines — Twig coding standards. Required when writing any Twig examples or template code alongside content modeling.
  • ddev — All commands run through DDEV. Required for running project config commands, Craft CLI, and content migrations.

Documentation

Use WebFetch on specific doc pages when a reference file doesn't cover enough detail.

The Craft 5 Mental Model

Everything is becoming an entry. Entry types are global (shared across sections and Matrix fields). Fields come from a global pool. This is the "entrification" of Craft — categories, tags, and globals are being unified into entries over a three-version arc:

  • Craft 4.4 — entrify CLI commands added to convert categories, tags, and globals to entries
  • Craft 5 — Creating new category groups, tag groups, or global sets is no longer possible in the CP. Existing ones continue to work. A unified "Content" section replaces the fragmented entries view. Custom entry index pages (5.9.0) solve the sidebar organization concern.
  • Craft 6 — Categories, tags, and global sets will be removed entirely

For new projects, always use entries: Structure sections for hierarchical taxonomy, Channel sections for flat taxonomy, Singles for site-wide settings. For existing projects, migrate at your own pace using the entrify commands.

Three decisions define your content architecture:

  1. Which section type organizes the content (Single, Channel, Structure)
  2. Which entry types define its shape (global, reusable across contexts)
  3. Which relation strategy connects content together (Entries fields, Matrix, CKEditor nested entries, or a combination)

CMS Editions

Craft CMS has four editions (Solo, Team, Pro, Enterprise) that affect content modeling. The key distinction: if any section needs per-group edit/view restrictions, you need Pro or Enterprise (user groups and permissions are Pro+ only). See references/users-and-permissions.md for the full editions table and permissions architecture.

Choose the edition before modeling — it determines whether you can scope content access by user group, which affects section and field architecture.

Section Type Decision

NeedSection TypeURI Example
One-off page (homepage, about, contact)Single__home__, about
Site-wide settings (footer, header config)Single (no URI, preloadSingles)—
Flat collection (blog, news, events)Channelblog/{slug}
Hierarchical pages (docs, services)Structure{parent.uri}/{slug}
Taxonomy (topics, categories)Structure (replaces categories)topics/{slug}
Flat tagsChannel (replaces tags)—

Section Properties

Beyond the type, sections have settings that matter for content architecture:

  • maxAuthors (default 1) — allows multiple authors per entry (new in 5.0.0). Set higher for collaborative content.
  • enableVersioning (default true) — version history for entries
  • defaultPlacement — 'beginning' or 'end' for new entries in structures
  • previewTargets — array of {label, urlFormat} objects defining where entries can be previewed. Default: primary entry page. Add custom targets for headless frontends, staging URLs, or PDF previews.

Singles replace globals

Set preloadSingles => true in config/general.php to access singles as global Twig variables by handle — identical to the old globals behavior but with drafts, revisions, live preview, and scheduling.

{# With preloadSingles enabled #}
{{ siteSettings.footerText }}
{{ siteSettings.socialLinks.all() }}

Caveat: Singles always propagate to all sites. This is hard-coded.

Structure queries for navigation

{% set topLevel = craft.entries.section('pages').level(1).all() %}
{% set children = craft.entries.descendantOf(entry).descendantDist(1).all() %}
{% set breadcrumbs = craft.entries.ancestorOf(entry).all() %}
{% set siblings = craft.entries.siblingOf(entry).all() %}

Entry Types in Craft 5

Entry types are defined globally (Settings → Entry Types), then attached to sections and Matrix fields. One entry type can serve multiple contexts.

Key implications:

  • Changing an entry type's field layout affects every section and Matrix field using it
  • Fields come from the global pool — same field definition reused everywhere
  • Per-context name/handle/description overrides available (5.6.0+) — useful when the same entry type serves different purposes in different sections
  • The global pool demands careful field naming — use specific handles

Entry Type Visual Identity (Craft 5 new)

Entry types have visual properties that improve the editorial experience:

  • icon — custom icon identifier, shown in entry type selectors and Matrix "+" menus
  • color — one of 20 options (red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose, white, gray, black)
  • description (5.8.0) — help text explaining what this entry type is for
  • group (5.8.0) — collapsible grouping in section/Matrix entry type assignments
  • uiLabelFormat (5.9.0) — customize the label shown in element indexes (default '{title}')
  • hasTitleField / titleFormat — disable the title field and auto-generate from other fields
  • showSlugField (5.0.0) / showStatusField (4.5.0) — hide slug or status from editors
  • allowLineBreaksInTitles (5.9.0) — for long-form titles

These settings are configured in Settings → Entry Types and affect all contexts where the entry type is used.

Reserved handles — check every proposed field handle against this list

Craft has 83+ reserved handles across all element types via Field::RESERVED_HANDLES. Validation is case-insensitive. Using any of these as a custom field handle will cause a validation error or silent template collision where the native attribute shadows the custom field.

Before proposing any field handle in a content model, check it against the lists below. When a user asks for a field that matches a native attribute name, always use a domain-specific synonym. For example: user says "I need a title field" — the entry already has a native title, so use heading, headline, or pageTitle depending on context.

Most commonly collided (the ones you'll actually try to use):

ReservedUse InsteadWhy
titleheading, headline, label, pageTitleNative element title
slugurlSlug, handleNative URL slug
statusstate, phase, conditionNative element status
urlexternalUrl, targetUrl, websiteUrlNative element URL
linktargetLink, ctaLink, primaryLinkNative getLink() method
iconentryIcon, menuIcon, featureIconNative element icon (5.0.0)
parentparentEntry, parentItem, belongsToNative structure parent
childrenchildEntries, subItems, nestedItemsNative structure children
ownerentryOwner, ownerElementNative nested entry owner
sitelocation, branch, regionNative site object
leveldepth, tier, nestingLevelNative structure level
ancestorsparentChain, breadcrumbEntriesNative structure ancestors
siblingspeerEntries, relatedSiblingsNative structure siblings
enabledisActive, isPublished, isVisibleNative enabled/disabled state
languagelocale, contentLanguageNative site language
localizedtranslations, localizedVersionsNative localized entries query
next / prevnextEntry / prevEntryNative structure navigation
refreference, referenceCodeNative reference tag
typeentryType, category, variantNative entry type
author / authorswriter, creator, contributorNative entry author(s)
postDatepublishDate, releaseDate, goLiveDateNative entry post date

Full list of reserved handles shared across ALL element types (from Field::RESERVED_HANDLES):

ancestors, archived, attributes, behaviors, canonical, children, contentTable, dateCreated, dateDeleted, dateLastMerged, dateUpdated, descendants, draftId, enabled, enabledForSite, error, errors, fieldLayoutId, fieldValue, fieldValues, firstSave, icon, id, language, level, lft, link, localized, next, nextSibling, owner, parent, parents, prev, prevSibling, ref, revisionId, rgt, root, searchScore, siblings, site, siteId, siteSettingsId, slug, sortOrder, status, structureId, title, trashed, uid, uri, url, viewMode

Additional per-element-type reserved handles:

Element TypeAdditional Reserved
Entriesauthor, authorId, authorIds, authors, section, sectionId, type, postDate
Assetsalt, extension, filename, folder, height, kind, size, volume, width
Usersactive, addresses, admin, affiliatedSiteId, email, firstName, friendlyName, fullName, groups, lastName, locked, name, password, pending, photo, suspended, username
Categoriesgroup
Tagsgroup
Addressesaddress, countryCode, fullName, latLong, organization, organizationTaxId

Also globally reserved (from HandleValidator::$baseReservedWords, applies to ALL handles): attribute, attributeLabels, attributeNames, attributes, dateCreated, dateUpdated, errors, false, fields, handle, id, n, name, no, rules, this, true, uid, y, yes

Field Instances — Reuse Over Duplication

Fields are defined once globally, then instanced into field layouts. Each instance can override four properties without affecting the global definition:

  • Label — different display name per context
  • Handle — different template handle per context (5.0.0+)
  • Instructions — context-specific help text
  • Required — required in one layout, optional in another

This means a single heroImage Assets field can be placed in a Blog Post, a Service Page, and a Project entry type — each with different labels ("Hero Image", "Banner", "Cover Photo") and different required settings. The field definition, type, and settings are shared.

The rule: reuse field definitions via instances. Only create a new field when the type or settings differ (e.g., different allowed volumes, different source restrictions, different character limits). Don't create blogHeroImage, serviceHeroImage, projectHeroImage — create one heroImage and instance it.

Multi-instance fields (most field types) can even appear multiple times in the same layout with different handles. Each instance stores its data independently, keyed by the layout element UID in the JSON content column.

Entrification — Migrating Legacy Content

CLI Commands

ddev craft entrify/categories <categoryGroupHandle>   # → Structure section
ddev craft entrify/tags <tagGroupHandle>               # → Channel section
ddev craft entrify/global-set <globalSetHandle>        # → Single section

All three accept --section and --entry-type to target an existing section/entry type instead of creating new ones. entrify/categories and entrify/tags also accept --author.

As of 5.9.0, these commands are interactive — the handle argument is optional.

What the commands do

  • Convert the element type to entries
  • Migrate all content and field data
  • Convert Categories/Tags fields to Entries fields
  • Preserve existing relations
  • Assign newly created sections to appropriate entry index pages

Entries field for hierarchical selection

When replacing a Categories field with an Entries field, enable Maintain Hierarchy on the Entries field. This auto-selects ancestors when a nested entry is chosen — replicating the category field behavior.

Tags replacement caveat

For flat taxonomies where editors created terms on-the-fly, the on-the-fly creation UX is not yet available for Entries fields. This is the one area where the legacy Tags field still has a UX advantage. Use a Channel section and accept the two-step workflow (create entry separately, then relate it).

CKEditor vs Matrix vs Content Block

Three tools for structured content within an entry — choose based on editing experience:

  • Matrix — reorderable blocks, page builders, data grids, media galleries. Multiple view modes (blocks, cards, cards-grid, index).
  • CKEditor with nested entries — rich text with occasional structured content inline (image blocks, code blocks, CTAs). Natural writing flow.
  • Content Block (5.8.0) — single non-repeatable nested entry for reusable field groups (SEO metadata, banner config).

For the full decision table, nested entry type patterns, and the CKEditor chunks rendering pattern, read references/content-patterns.md.

Common Pitfalls

  • Over-using Matrix — if content needs its own URL, independent querying, or permissions, it should be a separate section with an Entries relation field, not a Matrix block.
  • Vague or reserved field handles — image, text, link are too generic (and link is actually reserved). For every field handle in a content model, follow this check: (1) is the handle in the reserved list? If yes, use a synonym from the table. (2) Is the handle too generic for the global field pool? If yes, add domain context: featuredImage, bodyContent, primaryLink. (3) Don't over-specify — blogFeaturedImage creates a new field when you could instance featuredImage with a label override.
  • Not planning multi-site from the start — propagation method, field translation methods, and site settings must be configured before content exists. Changing propagation later resaves all entries.
  • Using categories/tags/globals in new projects — new creation is disabled in Craft 5 CP and they will be removed in Craft 6. Use entries instead.
  • Forgetting preloadSingles — without it, singles aren't available as global variables and you need explicit queries.
  • Matrix for everything — 15+ entry types in one Matrix field is a red flag. Deeply nested Matrix hits max_input_vars limits and degrades CP performance.
  • Not using .eagerly() — every relational field access inside a loop should use .eagerly() to prevent N+1 queries.
  • Editing project config YAML manually — let Craft manage config/project/. Use ddev craft project-config/rebuild to regenerate from DB if needed.
  • Using database IDs in URI formats — IDs differ across environments. Use {slug}, {canonicalUid}, or custom fields.
  • Not setting allowAdminChanges => false in production — without this, production schema changes won't sync back to dev.
  • Ignoring entry type visual identity — editors navigate by icon, color, and description. Investing in these settings makes the CP usable as the content model grows.
  • Not planning for CMS edition — if you need per-group content permissions, you need Pro or Enterprise. This affects section and field architecture.

Reference Files

Read the relevant reference file(s) for your task.

Task examples:

  • "Plan a blog content architecture" → read content-patterns.md
  • "Which field type should I use for X?" → read field-types.md
  • "Set up relatedTo queries" → read relations-and-eager-loading.md
  • "Configure Matrix with nested entries" → read field-types.md (Matrix section)
  • "Plan a multi-site content model" → read content-patterns.md + propagation in SKILL.md
  • "Set up users, groups, and permissions" → read users-and-permissions.md
  • "Understand project config workflow" → this SKILL.md covers the essentials
ReferenceScope
references/field-types.mdAll built-in field types: settings, Twig access patterns, query syntax, gotchas. Matrix configuration, view modes, nesting.
references/relations-and-eager-loading.mdrelatedTo() shapes (4 forms),.with() eager loading,.eagerly() lazy eager loading, nested eager loading, native eager-loadable attributes.
references/content-patterns.mdStrategic patterns for blog, portfolio, multi-site corporate. Section/field/relation architecture per pattern. Entrification migration. CKEditor vs Matrix decisions.
references/users-and-permissions.mdUsers, user groups, CMS editions, addresses, permissions architecture, field layout UI elements.

Propagation Methods (Multi-Site)

Available for channels and structures. Singles always propagate to all sites.

MethodBehavior
Only save to site created inEntries exist in one site only
Same site groupEntries propagate within the same site group
Same languageEntries propagate to sites sharing the same language
All enabled sitesEntries exist in all enabled sites (default)
Let each entry choosePer-entry control via Status sidebar

Matrix fields have their own propagation method, independent of the section's.

Field Translation Methods

Per-field setting controlling how values behave across sites:

MethodBehavior
Not translatableSame value across all sites
Per siteIndependent value per site
Per site groupShared within site group, independent across groups
Per languageShared across sites with same language
CustomUser-defined grouping key

Configure translation methods before populating content.

Project Config Essentials

All schema changes (sections, entry types, fields, volumes, transforms, sites, plugins, permissions) are stored as YAML in config/project/.

Workflow

  1. Make CP changes in development environment
  2. YAML auto-updates in config/project/
  3. Commit to Git
  4. Deploy to staging/production
  5. Run ddev craft up (applies migrations + project config)

Rules

  • Never manually edit YAML — let Craft manage it
  • Always set allowAdminChanges => false in production
  • Use UIDs (not IDs) — they're stable across environments
  • After resolving Git merge conflicts in YAML: ddev craft project-config/touch then ddev craft project-config/apply
  • Use $ENV_VAR syntax in YAML for environment-specific values
  • After every project config change (whether editing project.yaml or any subfile in config/project/): run ddev craft project-config/touch to update the dateModified timestamp, then ddev craft up to apply. The CP auto-updates dateModified when changes are saved through the UI, but any change made outside the CP (Git pull, manual edit, merge conflict resolution, script) requires project-config/touch to signal that config has changed. Without it, craft up on other environments won't detect the change. This is a hard rule — never skip it.

How Craft Stores Content

Understanding the storage architecture helps make better content modeling decisions.

The Five-Table Model

Every element writes to multiple tables on save:

  1. elements — Identity registry. Stores ID, element type, enabled/archived/soft-deleted flags, timestamps. Does NOT store content.
  2. elements_sites — Per-site state. Stores URI, slug, per-site enabled status, and the content JSON column where all custom field values live.
  3. Element-type table (entries, assets, users, etc.) — Type-specific attributes. For entries: section, type, author, postDate, expiryDate.
  4. relations — Normalized source-to-target connections for relational fields. Enables bidirectional relatedTo() queries.
  5. searchindex — Denormalized text projection for full-text search. Rebuildable from canonical data.

Field Values Are JSON Keyed by Instance UID

Custom field values are stored in elements_sites.content as JSON, keyed by the field layout element UID (not the field handle). This is why field instances work — the same field definition can appear multiple times in a layout with different handles, and each stores its data independently under its own instance UID.

This matters when:

  • Debugging content in the database — look up the field layout element UID, not the handle
  • Writing migrations that move field data — reference UIDs
  • Understanding why renaming a field handle doesn't require a migration

Relations: Two Storage Layers

Relational fields store data in two places:

  • JSON (elements_sites.content) — records which elements were selected and their order per field instance
  • relations table — normalized source-to-target connections that power relatedTo() queries in both directions

This dual storage is why relatedTo() queries are fast (indexed relations table) while the field value on an element reflects the authoring context (JSON).

Nested Entries (Matrix) Are Full Elements

Matrix entries are not stored in a separate content table. They are first-class elements with their own rows in elements, elements_sites, and entries. Parent linkage is in elements_owners. This means nested entries support relations, drafts, permissions, and search indexing — but also explains why deeply nested Matrix fields are expensive (many rows written per save, max_input_vars limits on large forms).

Structures Use Nested Sets

Structure sections store hierarchy in structureelements using a nested set model (left/right boundary values). This makes ancestry and descendant queries very fast without recursion, but reordering large structures requires recalculating boundary values across many rows.

Drafts Reuse Unchanged Nested Entries

When a draft is created, unchanged nested entries are not duplicated — they are reused from the canonical element. Only when a nested entry is modified in the draft does it get its own derivative element row. This minimizes storage overhead but means draft creation time scales with the number of modified blocks, not total blocks.

Asset Volumes, Filesystems, and Transforms

The Three-Layer Model

  1. Filesystem — the storage backend (local disk, S3, Google Cloud, Azure). Defined once with a handle, base URL, and settings. Plugins add cloud filesystems.
  2. Volume — the content layer. References a filesystem, adds a field layout for asset metadata, and controls permissions. This is what editors see.
  3. Image Transform — the processing layer. Named transforms (defined in Settings) or ad-hoc transforms (defined in templates). Can be stored on a separate filesystem from originals.

Filesystem Architecture Decisions

ApproachWhen to use
One filesystem, one volumeSimple projects. Local dev with a single uploads directory.
One filesystem, multiple volumesWhen you want separate content buckets (Images, Documents, Videos) but all stored in the same S3 bucket. Each volume uses a unique subpath (e.g., images/, documents/).
Multiple filesystems, multiple volumesWhen storage requirements differ — images on a CDN-optimized filesystem, documents on standard storage, private files on a non-public filesystem.
Separate transform filesystemWhen you want transforms on a CDN or different storage tier. Set transformFs on the volume — originals stay on the primary filesystem.

Subpath rules: When volumes share a filesystem, each must have a unique first-level subpath directory. If Volume A uses images/, Volume B cannot use images/ or images/photos/ — but documents/ is fine.

Environment variables: Filesystem handles and subpaths support $ENV_VAR syntax via App::parseEnv(), so storage can differ between local/staging/production.

Volume Settings for Content Modeling

Each volume has its own field layout — this is where you add custom metadata fields for assets. Common patterns:

  • Alternative Text (native field layout element) — always include for accessibility. Has its own translation method (altTranslationMethod) for multi-site.
  • Title translation — titleTranslationMethod controls whether asset titles differ per site (default: per site).
  • Custom fields — photographer credit, copyright notice, focal point, usage rights, expiry date.
  • Reserved handles on volumes: alt, extension, filename, folder, height, kind, size, volume, width.

File type restrictions are set on the Assets field (per usage), not on the volume itself. The same volume can serve images in one field and documents in another.

Modeling Decisions

QuestionGuidance
How many volumes?One per logical content bucket. Separate images from documents from private files.
How many filesystems?One per storage requirement. Dev uses local, production uses S3 — same volume handle, different filesystem per environment.
Should transforms use a separate filesystem?Yes if you want transforms on a CDN or cheaper storage. Otherwise the primary filesystem works fine.
Do volumes need different field layouts?Yes — photos need credit/copyright fields, documents need version/category fields.
How to handle multi-site asset metadata?Set altTranslationMethod and titleTranslationMethod per volume. Most projects use "per site" for alt text (accessibility translations) and "not translatable" for filenames.

Image Transforms

{# Named transform (defined in Settings → Assets → Image Transforms) #}
<img src="{{ asset.getUrl('thumb') }}" alt="{{ asset.alt }}">

{# Ad-hoc transform #}
{% set transform = { width: 300, height: 200, mode: 'crop', format: 'webp' } %}
<img src="{{ asset.getUrl(transform) }}" alt="{{ asset.alt }}">

{# Srcset #}
{{ asset.getImg({ width: 300 }, ['1.5x', '2x', '3x']) }}

Transform modes: crop (default), fit, stretch, letterbox. Formats: jpg, png, webp, avif. The letterbox mode supports a fill color (4.4.0+). upscale control (4.4.0+) prevents small images from being enlarged.

Named vs ad-hoc: Use named transforms for consistent sizes reused across templates (hero, thumbnail, card). Use ad-hoc transforms for one-off sizes or when transforms need to be dynamic. Named transforms are stored in project config and sync across environments.

平台分布

Codex

36.66%
按下载量换算32

Claude

30.21%
按下载量换算27

Cursor

18.34%
按下载量换算16

Gemini CLI

10.3%
按下载量换算9

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills