SuperAPI AI 工具集

typo3-shadcn-content-elements

编程与开发

查看项目

更新于 10-15 21:10

技能介绍

用途:构建符合 shadcn/ui 体系一致性的 TYPO3 Content Blocks 内容元素,涵盖预设令牌、共享 Fluid 原子/分子组件、完整字段覆盖、后端预览、语义图标、本地 shadcn registry 条目与种子数据。前提是 Content Blocks 作为 schema 唯一来源,TYPO3 负责渲染,shadcn/ui 提供主题令牌、组件类契约、数据属性、状态、间距、边框、圆角与排版。

主要能力:严格样式规则,内容元素不得硬编码颜色或主题视觉值,原始 oklch()、hsl()、rgb()、十六进制颜色及固定明暗假设只能存在于已提交的 shadcn 主题令牌源中;模板、元素 CSS、后端预览 CSS、生成图标与图表脚本应消费语义令牌或 Tailwind/shadcn 工具类。提供 Desiderio 创建契约,包括使用 TYPO3 14、Content Blocks 2.x、Fluid 5.3 模板,前端入口 templates/frontend.fluid.html,后端预览 templates/backend-preview.fluid.html;使用 Desiderio Fluid 原子/分子/组件;响应式设计;XLIFF 2.0 标签与 ICU MessageFormat;共享 Astro 运行时 Resources/Public/Js/astro.js 处理行为;表单使用 TYPO3 Form Framework;种子数据作为设计一部分。

使用方式:默认工作流包括建立预设源、编辑前审计、先修复共享组件层、保持本地 shadcn registry 有效、按契约审计每个内容元素、添加后端预览、创建或刷新图标、更新种子脚本。审计命令如 php <skill>/scripts/audit-content-elements.php <repo-root>,Desiderio 项目另运行 php scripts/audit-content-elements.php。使用 npx shadcn@latest info --json 获取项目配置,shadcn build --output <dir> 生成 registry 输出。

适用场景:TYPO3 项目中基于 Content Blocks 与 shadcn/ui 构建或改造内容元素、统一设计系统、生成后端预览与图标、维护 registry 与种子数据。

限制:资料未提供具体收费、价格、平台支持范围或效果保证;部分命令与路径依赖具体项目结构,需按实际仓库调整。