SuperAPI AI 工具集

finance-ui-pattern-library

设计与创作

查看项目

更新于 10-16 03:40

技能介绍

该技能是 Chwezi 系统金融与会计 UI 的生产参考,用于落实相关设计规范文档。

用途:面向 HTML/CSS/React/Vue/Svelte/移动原生金融 UI、打印样式表、邮件与通知的财务内容模板、PDF 报告渲染器、仪表盘磁贴,以及展示产品截图的文档/营销页面。

使用方式:先根据要求阅读会计财务准则、设计系统、设计反模式、角色条件外壳、状态分类、打印保真等文档,以及本技能的 references/tokens.md 与 references/components.md。随后按工作流执行:识别界面模式(工作流/账本/审计只读/配置);确认使用者角色;从 components.md 取相关组件契约;应用 tokens.md 中的令牌;添加角色条件外壳包装;为每个金额数字加入下钻入口;应用状态分类;为报告或证据包添加打印样式;合并前运行 lint 脚本;在 PR 中记录截图。

主要能力:提供设计令牌与组件契约,涵盖 MoneyCell、NetTaxGrossTriplet、StatusChip、PeriodChip、EntityBookSwitcher、RoleSwitcher、EnvironmentBanner、DrilldownBreadcrumb、PostingForm、ReconciliationTriage、LedgerGrid、CloseBoard、ReturnPackViewer、AuditExport、PrintHeader/PrintFooter/SignOffBoxes、EvidenceDropzone 等组件。Lint 规则会拒绝已过账记录上的破坏性动词按钮、语义状态之外的绿红文本/背景、未使用 tabular-nums 的金额、无来源链接的摘要磁贴、不符合受控分类的状态字符串、缺少 @media print 的报告页。自动强制 32 条反模式,另 26 条需人工审阅。

自动加载:当请求涉及 UI(HTML/CSS/JSX/移动原生代码、界面原型、仪表盘、报告、打印)且检测到财务范围时,会随准则自动加载。

限制:资料未提供安装命令、价格或平台支持信息,暂未提供。