Tranfu Layout Systems
为 TranFu 页面选择、评审并输出合适的布局系统，负责用户主要活动、页面骨架、 信息组织、导航模型、主工作区、Section 顺序、页面框架、页面模式，以及桌面端 与移动端重排。当任务涉及官网布局、B 端 / SaaS、操作台、文档知识库、落地页、 数据看板、表单、向导、详...
安装命令
复制后在本机终端执行；如未安装 tfs，先运行资源库顶部的 npm 安装命令。
$ tfs install tranfu-layout-systems说明
为 TranFu 页面选择、评审并输出合适的布局系统，负责用户主要活动、页面骨架、 信息组织、导航模型、主工作区、Section 顺序、页面框架、页面模式，以及桌面端 与移动端重排。当任务涉及官网布局、B 端 / SaaS、操作台、文档知识库、落地页、 数据看板、表单、向导、详情页或页面结构判断时触发。也匹配“这个页面该用什么布局” “检查页面结构”和“按 TranFu 布局规范做”。Do NOT trigger when 任务是纯文案、Logo 设计、仅调整视觉风格，或不改变页面结构的组件样式；这些视觉实现任务交给 `$tranfu-website-design`。
SKILL.md
SKILL.md
相关 Skill
Tranfu Linear Ui Icon Set
当用户需要生成或描述一组 4 个独立的 64x64px 极简线性 UI 图标时触发；适用于小型 icon set、 带柔和浅色直角底板、统一描边和视觉语言的界面图标。Do NOT trigger when 用户要 logo/品牌标识、 整页 UI、海报、复杂插画、3D/拟物/卡...
Tranfu Website Design
Apply TranFu brand and UI rules when creating, modifying, refactoring, reviewing, or visually validating TranFu React/Vite websites and pro...
Tranfu Website Design System
Apply the extracted TranFu official website responsive design system when creating, implementing, refactoring, or reviewing TranFu website...