SuperAPI AI 工具集

typo3-shadcn-content-elements

编程与开发

查看项目

更新于 10-16 05:06

技能介绍

用途:在 TYPO3 中构建风格统一的 Content Blocks 内容元素,使元素遵循 shadcn/ui 的预设令牌、组件类契约、状态、间距、圆角与排版体系。Content Blocks 作为 schema 唯一来源,TYPO3 负责渲染,shadcn/ui 提供主题令牌与组件契约。

主要能力:生成与改造内容元素;审计元素与契约的一致性(配置字段、模板、标签、图标、CSS/JS、后端预览、种子数据);维护本地 shadcn registry;生成语义化 16x16 SVG 图标;编写后端预览;填充种子数据。

使用方式:先确定预设来源,可用 shadcn/create URL 或预设 id,运行 npx shadcn@latest info --json 读取项目配置;将预设提交为本地 CSS 变量与 Site Settings,如 body[data-shadcn-preset="b4hb38Fyj"],:root 为浅色基础、.dark 为深色覆盖。审计可运行 php <skill>/scripts/audit-content-elements.php <repo-root>,Desiderio 项目另运行 php scripts/audit-content-elements.php。registry 构建使用 shadcn build --output <dir>。

适用场景:TYPO3 14、Content Blocks 2.x、Fluid 5.3 项目;前端入口 templates/frontend.fluid.html,后端预览 templates/backend-preview.fluid.html;表单使用 TYPO3 Form Framework 与 typo3/cms-form。

限制:模板与 CSS 只使用语义令牌和 shadcn/Tailwind 类,原始颜色仅允许出现在主题令牌文件与生成的 Tailwind 输出中;不把 React、Radix、Astro 组件复制进运行时;不在模板中写内联 script;标签使用 XLIFF 2.0 与 LLL: 引用;Collection 字段需显式 table 键;日期时间字段需先格式化为字符串。具体收费、价格与平台支持情况暂未提供。