wok-ui-page-layout

Community

Unify multi-page layouts with reusable wok-ui.

AuthorPeakTai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

通过可复用的布局基类和组合模式,帮助开发者在多个页面间共享一致的布局,减少重复代码与样式差异,提升开发效率与用户体验。

Core Features & Use Cases

  • 继承方式:提供 Layout 抽象基类,子类实现 buildMainContent 以共享数据和布局逻辑。
  • 组合方式:通过 Layout 的 content/sidebar 等选项实现页面分块与灵活组合,支持快速拼装新页面。
  • 路由与模块化:结合路由规则将布局实例化与不同页面模块绑定,形成可扩展的页面架构。

Quick Start

在你的项目中继承 Layout 并实现 buildMainContent 以渲染页面主内容。

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: wok-ui-page-layout
Download link: https://github.com/PeakTai/wok-ui/archive/main.zip#wok-ui-page-layout

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.