Tranfu Website Design System
Apply the extracted TranFu official website responsive design system when creating, implementing, refactoring, or reviewing TranFu website...
Install command
Copy and run it in your terminal. Install tfs first if it is not available.
$ tfs install tranfu-website-design-systemOverview
Apply the extracted TranFu official website responsive design system when creating, implementing, refactoring, or reviewing TranFu website UI from Figma screenshots or code. Trigger for TranFu homepage, product center, skill resource, practice article, detail-page, responsive breakpoint, color, typography, spacing, radius, component, layout, visual QA, agent-prompt-guide, and Chinese requests like "按 TranFu 官网风格", "官网设计规范", or "响应式设计". Do NOT trigger for non-TranFu websites, pure copywriting, logo redesign, backend-only changes, or unrelated code review.
SKILL.md
SKILL.md
Related skills
Tranfu Linear Ui Icon Set
当用户需要生成或描述一组 4 个独立的 64x64px 极简线性 UI 图标时触发；适用于小型 icon set、 带柔和浅色直角底板、统一描边和视觉语言的界面图标。Do NOT trigger when 用户要 logo/品牌标识、 整页 UI、海报、复杂插画、3D/拟物/卡...
Goal-Driven Decomposition
Decompose complex build or design goals into goal docs, personas, staged plans, and validation loops.
Prompt Review
Audit prompts, skills, and agent definitions with an engineering checklist until issues converge.