Boneyard
0xGF/boneyard
Use boneyard-js to add, configure, debug, or rebuild skeleton screens.
将已经可用的 UMD/IIFE 资源封装为独立 ZUI 扩展包,通过 LibLoader 按需加载。不转换资源格式,需求明确时完成集成计划后直接实施。
$ npx skills add easysoft/zui --skill zuix-wrap-lib -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install easysoft/zui zuix-wrap-lib --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/easysoft/zui.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills-exts/zuix-wrap-lib .claude/skills/zuix-wrap-lib && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "zuix-wrap-lib" agent skill from https://github.com/easysoft/zui/tree/main/skills-exts/zuix-wrap-lib into .claude/skills/zuix-wrap-lib/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "zuix-wrap-lib", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/easysoft/zui/tree/main/skills-exts/zuix-wrap-libType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add easysoft/zui --skill zuix-wrap-lib -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install easysoft/zui zuix-wrap-lib --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/easysoft/zui.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills-exts/zuix-wrap-lib .agents/skills/zuix-wrap-lib && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "zuix-wrap-lib" agent skill from https://github.com/easysoft/zui/tree/main/skills-exts/zuix-wrap-lib into .agents/skills/zuix-wrap-lib/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "zuix-wrap-lib", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add easysoft/zui --skill zuix-wrap-lib -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install easysoft/zui zuix-wrap-lib --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/easysoft/zui.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills-exts/zuix-wrap-lib .cursor/skills/zuix-wrap-lib && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "zuix-wrap-lib" agent skill from https://github.com/easysoft/zui/tree/main/skills-exts/zuix-wrap-lib into .cursor/skills/zuix-wrap-lib/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "zuix-wrap-lib", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/easysoft/zui.git --path skills-exts/zuix-wrap-lib--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add easysoft/zui --skill zuix-wrap-lib -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install easysoft/zui zuix-wrap-lib --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/easysoft/zui.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills-exts/zuix-wrap-lib .gemini/skills/zuix-wrap-lib && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "zuix-wrap-lib" agent skill from https://github.com/easysoft/zui/tree/main/skills-exts/zuix-wrap-lib into .gemini/skills/zuix-wrap-lib/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "zuix-wrap-lib", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install easysoft/zui zuix-wrap-libInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add easysoft/zui --skill zuix-wrap-lib -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/easysoft/zui.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills-exts/zuix-wrap-lib .github/skills/zuix-wrap-lib && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "zuix-wrap-lib" agent skill from https://github.com/easysoft/zui/tree/main/skills-exts/zuix-wrap-lib into .github/skills/zuix-wrap-lib/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "zuix-wrap-lib", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add easysoft/zui --skill zuix-wrap-lib -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install easysoft/zui zuix-wrap-lib --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/easysoft/zui.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills-exts/zuix-wrap-lib .opencode/skills/zuix-wrap-lib && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "zuix-wrap-lib" agent skill from https://github.com/easysoft/zui/tree/main/skills-exts/zuix-wrap-lib into .opencode/skills/zuix-wrap-lib/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "zuix-wrap-lib", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
zuix-wrap-lib将已经可用的 UMD/IIFE 资源封装为独立 ZUI 扩展包,通过 LibLoader 按需加载。不转换资源格式,需求明确时完成集成计划后直接实施。
Zuix Wrap Lib is an agent skill from easysoft/zui. 将已经可用的 UMD/IIFE 资源封装为独立 ZUI 扩展包,通过 LibLoader 按需加载。不转换资源格式,需求明确时完成集成计划后直接实施。
Its SKILL.md is about 950 tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `agents/openai.yaml` and `references/wrapper-shapes.md`).
It sits in Frontend & Design. It works with Preact. The repository describes itself as: ZUI is an HTML5 front UI framework. The licence is MIT.
9 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit d99f043. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
gitFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Zuix Wrap Lib loads about 945 tokens when it runs, and up to ~2.7k if it reads all its reference files. Until then it costs about 22 tokens; SKILL.md has 244 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from easysoft/zui at commit d99f043, republished under its MIT licence (© easysoft). 244 words, ~945 tokens.
.claude/skills/zuix-wrap-lib/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.把第三方 UMD/IIFE 做成薄而完整的 ZUI 扩展适配层:第三方实现保持外置,由 LibLoader<T> 首次使用时加载;目标扩展包负责类型、公开 API、生命周期、样式接线、调试和文档。
<script> 直接加载并暴露稳定全局变量的 UMD/IIFE 产物。按 共享工作流 解析本次所需上下文、读取适用规则并检查所有权;已有且未变化的发现直接复用。新库使用 plannedTargetLibRoot 记录安全候选位置,包标识从目标扩展项目的契约推导。
按需读取 library、external-library 及宿主相关的 extension-library 规范;从 references/wrapper-shapes.md 读取形态判断与所选形态约束。涉及组件/helper、调试页、正式文档或 i18n 时,再读对应 zuix-* 技能中影响本次决策的部分,由本技能统一规划和编排。
检查用户指定版本的产物和许可证,核实资源位置、全局名、实际调用的 API 及相关 CSS/资源;文件后缀不能证明它是 UMD。核实本次涉及的当前宿主 LibLoader/getLib 契约,必要时参考相近的扩展或宿主实现。
只有无法从现有材料发现、且会改变目标、公开 API、生命周期、资源或文件范围的信息才询问。宿主未解析时可以继续可行的扩展侧设计,不写猜测的宿主路径、URL 或命令。
分别判断包角色和实现架构:
Component。Component 持有第三方实例,负责更新和销毁。ComponentFromReact,不为理论入口增加 TSX。同时定义:
check 全局名、前置 JS/CSS 和宿主 dev 覆盖路径;packageName、入口、依赖策略、zui.type/contributes、zuiName、publicPath、public 资源、样式、调试与文档边界。按共享工作流完成必要的集成计划后直接实施;计划仅展开本次相关决策:
public/ 路径、全局名、loader 注册和资源依赖;zui 元数据;extensionRoot 内精确文件集,以及 README/dev、正式文档、样式、i18n 的纳入/排除;zuiRoot + extsName 宿主联合验收、剩余假设;任务范围、已明确决定和必要澄清遵循共享工作流,始终服从当前协作模式。
gitRoot 状态,按共享工作流复用或刷新受影响的上下文,仅修改任务范围。新库最小 package 建立后重新解析,把 plannedTargetLibRoot 升级为真实 targetLibRoot 并核对实际标识。zui 元数据从 extensionRoot 当前配置及成熟兄弟包推导;不用 @zui/*、workspace:*、link: 或固定版本模板代替事实。publicPath 只在宿主实际要求或非默认路径时声明。targetLibRoot/public/,或使用任务确定且版本固定的绝对 URL。同时按第三方依赖的版权与文档补齐 extensionRoot 内的版权文件与依赖说明,外置或远程加载也须覆盖;不编辑、压缩、转译或生成第三方产物。LibLoader<T>,显式配置 src 和 check。多个 facade 共享 loader,不在组件类维护第二份模块缓存。import type。没有可靠声明时手写 facade 实际需要的窄接口;公共类型引用第三方包时确保消费者可解析。destroy() 清理第三方实例、监听、DOM 及其他副作用。zuix-dev 完成调试源:生产入口先注册相对资源,再用相同注册名和 check 覆盖宿主实际 /exts/<extsName>/<folderName>/public/... 地址;extsName 未解析时不得写猜测值。HMR 重建前销毁旧实例。组件 API 文档按任务范围实施;新增第三方依赖说明按共享工作流随本次交付完成。extensionRoot 按实际 pnpm 策略更新;不修改宿主依赖、锁文件或注册;宿主生成物和缓存写入遵循共享工作流的验证隔离与批准规则。宿主命令的执行位置、生成物与缓存写入统一遵循 共享工作流 的验证隔离与批准规则;下文 zuiRoot 表示宿主契约来源,不表示可直接写入原工作区。
按共享工作流选择覆盖本次变更的验证,完成范围内修复和复验。新增封装或改变相应契约时,按涉及的行为选择:
git -C <gitRoot> diff --check -- <extensionRoot 相对路径>;extensionRoot 的目标 lint、类型、测试和依赖解析;zuiRoot + extsName 后,使用准确 zuiName 的扩展联合构建;folderName 猜路由;交付时分开报告扩展侧与宿主侧结果、修改文件、公开 API、UMD/global、基线失败和未验证风险,并保留用户既有改动。
© easysoft, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 2 other files (references) in skills-exts/zuix-wrap-lib of easysoft/zui.
Open the folder on GitHubat commit d99f043
Zuix Wrap Lib next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Zuix Wrap Lib this skilleasysoft/zui | 2.8k | — | ~945 | Automated safety check: Pass | MIT | |
| Boneyard0xGF/boneyard | 7.5k | — | ~2.2k | Automated safety check: Notes | MIT | |
| Tailwind To Stylexshadcn-labs/shadcn-cssinjs | 122 | — | ~2.7k | Automated safety check: Pass | MIT | |
| Frontend8borane8/s2pipe | 107 | — | ~2.2k | Automated safety check: Pass | MIT | |
| Deno Frontend Developmentdenoland/skills | 100 | — | ~783 | Automated safety check: Pass | MIT | |
| Preact Developeroaustegard/claude-skills | 150 | — | ~4.6k | Automated safety check: Pass | MIT |
0xGF/boneyard
Use boneyard-js to add, configure, debug, or rebuild skeleton screens.
shadcn-labs/shadcn-cssinjs
Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs.
8borane8/s2pipe
Conventions front (Slick, Preact, CSS structurel, islands). An agent skill from 8borane8/s2pipe.
denoland/skills
Chooses between running regular npm frontend frameworks under Deno and building with Fresh, Deno's island-architecture framework, with Fresh 2.x guidance.
oaustegard/claude-skills
Guides building standards-based Preact apps with native-first choices, HTM syntax, import maps and vendored ESM, from single-file demos to larger builds.
pproenca/dot-skills
A skill your agent uses whenever you face a webpack-build problem that ends with needing to write a plugin — 26 production-shaped recipes covering bundle-size budgets, forbidden architectural…
easysoft/zui
使用内置 ZUI 资源从零创建可运行的独立网页或小型静态站点。向已有应用集成 ZUI 时使用 zui 技能. An agent skill from easysoft/zui.
easysoft/zui
在已有应用中集成、使用或排查 ZUI 3,直接创建和注册应用自定义组件,或使用已提供的 Web Components;适用于消费方项目,不用于开发 ZUI 源码仓库。
easysoft/zui
查询 ZUI 主仓库的开发规范,为库开发及本地 exts 接入任务提供相关约束和仓库证据;规范查询保持只读. An agent skill from easysoft/zui.
easysoft/zui
查询独立 ZUI 扩展项目的开发规范,解析目标库、扩展工作区、Git 所有权及所需宿主上下文;始终只读. An agent skill from easysoft/zui.
easysoft/zui
将已经可用的 UMD/IIFE 资源封装为 ZUI 主仓库的 lib/ 库,通过 LibLoader 按需加载。不转换资源格式,需求明确时形成集成计划后直接实施。
easysoft/zui
审查并提交 ZUI 主仓库的改动;用户直接调用本技能即进入提交模式,必要检查通过后直接提交。只要求分析、评审或生成提交信息时保持只读。
Works with
Categories
将已经可用的 UMD/IIFE 资源封装为独立 ZUI 扩展包,通过 LibLoader 按需加载。不转换资源格式,需求明确时完成集成计划后直接实施。. Zuix Wrap Lib is an agent skill from easysoft/zui.
Zuix Wrap Lib fits situations like: frontend & Design work in your project.
Run `npx skills add easysoft/zui --skill zuix-wrap-lib -a claude-code`. Or copy the skill folder (skills-exts/zuix-wrap-lib in easysoft/zui) into .claude/skills/zuix-wrap-lib in your project. Claude Code loads it when a task matches its description.
Run `npx skills add easysoft/zui --skill zuix-wrap-lib -a codex`. Or copy the skill folder (skills-exts/zuix-wrap-lib in easysoft/zui) into .agents/skills/zuix-wrap-lib in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add easysoft/zui --skill zuix-wrap-lib -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/zuix-wrap-lib, .gemini/skills/zuix-wrap-lib, .github/skills/zuix-wrap-lib and .opencode/skills/zuix-wrap-lib in your project.
Going by SKILL.md and its folder, Zuix Wrap Lib needs the command-line tools its instructions call (git).
SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Zuix Wrap Lib is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 945 tokens (SKILL.md is roughly 3.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.7k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Zuix Wrap Lib: Boneyard (0xGF/boneyard, 7.5k stars), Tailwind To Stylex (shadcn-labs/shadcn-cssinjs, 122 stars), Frontend (8borane8/s2pipe, 107 stars) and Deno Frontend Development (denoland/skills, 100 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
easysoft (a GitHub organization) maintains it in easysoft/zui, which has 2,764 GitHub stars. The repository holds 24 skills in this directory. The repository was last updated on October 6, 2026.
Source: easysoft/zui on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.