Skip to main content
返回资源库
chuanye312-codertranfu-website-design-system

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.

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

详情

目标驱动拆解

aquarius-wing

把复杂 build/design 目标拆成目标文档、画像、分阶段设计和验证循环。

详情

Prompt 多轮评审

aquarius-wing

用工程 checklist 反复审查 prompt、Skill 和 agent 定义,直到问题收敛。

详情

一起来搞事情

关注我们的社交媒体,加入社群获取最新动态

微信二维码

扫码加入微信群