Menu
Machine-readable Layui skill for building front-end pages. Use it to install, load, initialize, and develop with Layui components.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Madorin 插件开发入口技能。用于统一编排 Native、MCP、Process 三类通道，约束工程规范、外部包 AOT 校验、发布安装与运行时更新流程。触发关键词：插件开发、Native 插件、MCP 插件、Process 插件、进程插件、发布插件、安装插件。
Madorin Native 插件开发子技能。位置：subskills/native。用于 Native AOT 插件创建、Startup 组合、Tool 编写、JsonContext、后台服务、AOT 规则。触发关键词：Native 插件、AOT 插件、Startup.Configure、ToolAttribute、原生插件。
Madorin Process 插件开发子技能。位置：subskills/process。用于开发以独立 exe 进程运行的插件，支持 JIT self-contained 和 AOT exe 两种发布方式，通过 stdin/stdout JSON 协议与宿主通信。触发关键词：Process 插件、进程插件、exe 插件、JIT 插件、进程隔离插件。
Madorin PluginBus WebSocket 接入。用于生成 /internal 单端点、cortana.plugin-bus、conversation topic、chat.message.send、chat.generation.stop、system.notice、ping/pong 的 C# 客户端代码与样板。关键词：WebSocket、PluginBus、/internal、chat.message.send、ping、pong。
Madorin 插件工程规范子技能。位置：subskills/architecture。用于插件架构设计、职责分离、依赖注入、AOT 安全编码、配置与日志、质量门禁。触发关键词：插件架构、职责分离、依赖注入、工程规范、AOT 安全、插件设计。
Madorin MCP 通道子技能。位置：subskills/mcp。用于接入和校验外部 MCP Server 的 stdio、sse、streamable-http 配置。触发关键词：MCP、Model Context Protocol、stdio、sse、streamable-http。
| name | layui |
| description | Machine-readable Layui skill for building front-end pages. Use it to install, load, initialize, and develop with Layui components. |
| version | 1.0.0 |
| framework-version | 2.13.6 |
| license | MIT |
| user-invocable | true |
用途：AI 直接按 Layui 2.13.6 生成可运行前端页面。
resources/framework-overview.md| 关键词 | 说明 |
|---|---|
layui | 使用 Layui 构建页面、组件、交互 |
layui 表格 | 读取 resources/table.md 并生成 table 页面 |
layui 表单 | 读取 resources/form.md 及表单子组件文件 |
layui 弹层 | 读取 resources/layer.md 并生成弹层交互 |
layui 上传 | 读取 resources/upload.md 并生成上传功能 |
form.md -> input.md / select.md / checkbox.md / radio.mdtable.md / treeTable.md / tabs.md / nav.md / menu.mdlayer.md / laydate.md / upload.md / dropdown.md / colorpicker.md / transfer.md / slider.md / rate.mdlayui.use() 初始化、渲染或事件绑定<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/layui/css/layui.css">
</head>
<body>
<div class="layui-container">
<h1 class="layui-font-16">示例页面</h1>
</div>
<script src="/layui/layui.js"></script>
<script>
layui.use(function(){
var layer = layui.layer;
layer.msg('Layui loaded');
});
</script>
</body>
</html>
layui.css 和 layui.js。layui.css + layui.js。layui.use(function(){ ... })。layui 对象取值，例如：var table = layui.table; var form = layui.form;。form.render()、element.render()。form.on('submit(filter)', callback)、table.on('tool(filter)', callback)。reload()、setValue()、goto() 等操作。tabs，旧 tab 仅作为兼容方案。resources/framework-overview.md：框架总览resources/getting-started.md：开始使用resources/base.md：底层方法resources/modules.md：模块系统resources/component.md：组件构建器resources/i18n.md：国际化resources/versions.md：更新日志resources/layout.md：框体布局resources/grid.md：栅格布局resources/color.md：颜色resources/button.md：按钮resources/icon.md：图标resources/anim.md：动画resources/form.md：表单组件总览resources/input.md：输入框 / Textarearesources/select.md：选择框resources/checkbox.md：复选框resources/radio.md：单选框resources/table.md：表格resources/laypage.md：分页resources/treeTable.md：树形表格resources/nav.md：导航菜单resources/menu.md：基础菜单resources/tabs.md：标签页 Tabsresources/tab.md：选项卡 Tabresources/badge.md：徽章resources/auxiliar.md：辅助元素resources/class.md：公共类resources/panel.md：面板 / Card / Collapseresources/progress.md：进度条resources/timeline.md：时间线resources/fixbar.md：固定条resources/tree.md：树组件resources/carousel.md：轮播resources/flow.md：流加载resources/code.md：代码预览组件resources/layer.md：弹出层resources/laydate.md：日期与时间选择器resources/upload.md：上传resources/dropdown.md：下拉菜单resources/colorpicker.md：颜色选择器resources/transfer.md：穿梭框resources/slider.md：滑块resources/rate.md：评分resources/laytpl.md：模板引擎resources/util.md：工具模块layout/grid 做结构，form/table/layer 做业务交互。table + form + laypage + dropdown + layer。form + input/select/checkbox/radio + laydate + upload + layer。layout + nav/menu + tabs + table + layer。flow；传统分页使用 laypage 或 table 内置分页。code。LAYUI_GLOBAL.i18n，再引入 layui.js。https://layui.dev/docs/2/https://layui.dev/docs/2/versions.html