Tranfu Website Design System
Apply the extracted TranFu official website responsive design system when creating, implementing, refactoring, or reviewing TranFu website...
安装命令
复制后在本机终端执行;如未安装 tfs,先运行资源库顶部的 npm 安装命令。
$ tfs install tranfu-website-design-system说明
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
相关 Skill
Tranfu Linear Ui Icon Set
当用户需要生成或描述一组 4 个独立的 64x64px 极简线性 UI 图标时触发;适用于小型 icon set、 带柔和浅色直角底板、统一描边和视觉语言的界面图标。Do NOT trigger when 用户要 logo/品牌标识、 整页 UI、海报、复杂插画、3D/拟物/卡...