Skip to main content
Back to catalog
chuanye312-codertranfu-layout-systems

Tranfu Layout Systems

为 TranFu 页面选择、评审并输出合适的布局系统,负责用户主要活动、页面骨架、 信息组织、导航模型、主工作区、Section 顺序、页面框架、页面模式,以及桌面端 与移动端重排。当任务涉及官网布局、B 端 / SaaS、操作台、文档知识库、落地页、 数据看板、表单、向导、详...

Install command

Copy and run it in your terminal. Install tfs first if it is not available.

$ tfs install tranfu-layout-systems

Overview

为 TranFu 页面选择、评审并输出合适的布局系统,负责用户主要活动、页面骨架、 信息组织、导航模型、主工作区、Section 顺序、页面框架、页面模式,以及桌面端 与移动端重排。当任务涉及官网布局、B 端 / SaaS、操作台、文档知识库、落地页、 数据看板、表单、向导、详情页或页面结构判断时触发。也匹配“这个页面该用什么布局” “检查页面结构”和“按 TranFu 布局规范做”。Do NOT trigger when 任务是纯文案、Logo 设计、仅调整视觉风格,或不改变页面结构的组件样式;这些视觉实现任务交给 `$tranfu-website-design`。

当用户需要生成或描述一组 4 个独立的 64x64px 极简线性 UI 图标时触发;适用于小型 icon set、 带柔和浅色直角底板、统一描边和视觉语言的界面图标。Do NOT trigger when 用户要 logo/品牌标识、 整页 UI、海报、复杂插画、3D/拟物/卡...

Details

Tranfu Website Design

chuanye312-coder

Apply TranFu brand and UI rules when creating, modifying, refactoring, reviewing, or visually validating TranFu React/Vite websites and pro...

Details

Apply the extracted TranFu official website responsive design system when creating, implementing, refactoring, or reviewing TranFu website...

Details

Let's Build Together

Follow our socials and join the community for the latest updates

WeChat QR Code

Scan to join WeChat group