wok-ui-page-layout
CommunityUnify 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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.