SuperAPI AI 工具集

typo3-design-system-page

设计与创作

查看项目

更新于 10-15 21:10

技能介绍

用途:在用户选定的 TYPO3 安装中创建一份真实、可维护的设计系统总览,并同步机器可读源文件、渲染文档与单页 PDF。

主要能力:先确认目标项目(读取 .ddev/config.yaml、用 ddev describe 获取 URL,不凭当前目录推断),审计桌面与移动端渲染效果,盘点 logo、颜色、CSS 自定义属性、字体与许可、间距、图标、图像、Content Block 与打印资产;从颜色令牌计算 WCAG 对比度;生成项目自有的 design.md 与 tokens.json,并据此渲染页面文档。

使用方式:页面记录需由用户自行创建并提供 page UID 与 URL 路径,技能不代为建页;随后通过 TYPO3 DataHandler 或后台添加内容。集成专用 Content Block 前需阅读并组合 typo3-content-blocks 技能。验证命令包括:python3 scripts/audit_design_tokens.py /path/to/tokens.json、ddev typo3 cache:flush、pdfinfo .../overview.pdf。

适用场景:需要为 TYPO3 站点建立可访问、可追溯的设计系统文档页,并保持源文件、页面与 PDF 一致。

限制:不得编造品牌或授权规则;未获批准的色阶只能标为 proposed 或 audited_existing;PDF 文本、logo、色值、对比度须确定性渲染,不接受 AI 生成排版;仅嵌入有许可的字体与原始 logo;不擅自加入主导航;重复运行需幂等,不产生重复记录。资料未提供具体价格、平台支持范围与效果保证。