一键导入
layui
Machine-readable Layui skill for building front-end pages. Use it to install, load, initialize, and develop with Layui components.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Machine-readable Layui skill for building front-end pages. Use it to install, load, initialize, and develop with Layui components.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
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