القائمة
Use when: 开发 PureGit 前端任何 UI/UX 或添加 shadcn 组件——页面布局、sticky 侧栏、响应式、组件规范、动画、shadcn 组件添加流程。
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/evil7/pureGit --skill ui-layoutيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
Use when: 新增/修改 PureGit 的 API 接入——写 smart 封装、GraphQL 请求模板、REST 熔断降级，或决定某功能走 GraphQL 还是 REST。
Use when: 开发 Worker 鉴权——GitHub OAuth2 登录、/$auth 端点、KV 会话、token 恢复/登出、client_secret 安全。
Use when: 开发 git 镜像端点自动代理——clone/pull/push 转发、info/refs、upload-pack/receive-pack、insteadOf 配置。
عرض SKILL.md
| name | ui-layout |
| description | Use when: 开发 PureGit 前端任何 UI/UX 或添加 shadcn 组件——页面布局、sticky 侧栏、响应式、组件规范、动画、shadcn 组件添加流程。 |
| argument-hint | 需要开发/修复哪个页面的 UI/布局/组件，或添加哪个 shadcn 组件 |
完整权威：
docs/design.md（本 skill 是其速查版）。 一句话：所有 UI 用PageLayout统一布局 + 共享常量（web/src/lib/layout.ts）+ shadcn 组件，禁止手写散落类名/硬编码颜色；shadcn 原生——直接用官方默认样式，非必要不手动调整。
PageLayout 三栏模型（left/right 可选 + sticky 三态 + 断点 + hidden）PAGE_SHELL / SIDEBAR_STICKY（导航型）/ SIDEBAR_STICKY_SCROLL（工具型）/ CONTENT_FILLpy-*（滚到底推 sticky）max-h/overflow-y-auto（嵌套滚动条；仅工具型用 SCROLL）items-start（PageLayout 内置）sticky/top-*/max-h-[calc(...)]（用共享常量）min-w-0）icon）——禁止散落 sm/xs/lg 与 h-*/text-xs 覆盖mb-1.5 blockhover:bg-accent/50*.empty核心原则：优先复用现成组件，禁止手写重复基础组件。
web/src/components/ui/（勿手改底层）；业务组件放 web/src/components/；路径别名 @/* → web/src/*web/src/components/ui/ 是否已有目标组件；无则 cd web && pnpm dlx shadcn@latest add <component-name>；按需调 props（最小改动），import 自 @/components/ui/...默认单列 → md（≥768px）两栏 → lg（≥1024px）三栏/加宽 → xl（≥1280px）Dashboard 三栏
PAGE_SHELL（无 py-*）；多栏用 PageLayouticon）