page-structure

Installation
SKILL.md

页面结构和线框图

适用场景

  • 单个功能页面的结构设计
  • 列表页、详情页、表单页等模式
  • 内容层级和主次操作排布
  • 给前端的页面骨架说明

核心原则

1. 页面目标先行
   每个页面只解决 1~3 个核心目标
   不要让一个页面承担过多

2. 用户视线流动
   F 模式 / Z 模式 / 古登堡图
   按用户阅读顺序排列内容
Installs
2
GitHub Stars
36
First Seen
Jul 17, 2026
page-structure — zhaoxuya520/ai-fullstack-delivery-workflow