Web Artifacts Builder
anthropics/skills
Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.
万界道友物品预览的固定展示与接入规范。新增道具、调整预览字段/文案/层级/折叠交互，或重构 ItemSlot、ItemPreview、presentation 适配器时使用；覆盖背包及复用预览的炼器、货架等入口。纯战斗规则、掉落数值或持久化变更不单独触发。
GPL-3.0Auto-check passed
Install Daoyou Item Preview
$ npx skills add ChurchTao/Daoyou --skill daoyou-item-preview -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install ChurchTao/Daoyou daoyou-item-preview --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/ChurchTao/Daoyou.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/daoyou-item-preview .claude/skills/daoyou-item-preview && 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 "daoyou-item-preview" agent skill from https://github.com/ChurchTao/Daoyou/tree/master/.agents/skills/daoyou-item-preview into .claude/skills/daoyou-item-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "daoyou-item-preview", 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/ChurchTao/Daoyou/tree/master/.agents/skills/daoyou-item-previewType 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 ChurchTao/Daoyou --skill daoyou-item-preview -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install ChurchTao/Daoyou daoyou-item-preview --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ChurchTao/Daoyou.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/daoyou-item-preview .agents/skills/daoyou-item-preview && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "daoyou-item-preview" agent skill from https://github.com/ChurchTao/Daoyou/tree/master/.agents/skills/daoyou-item-preview into .agents/skills/daoyou-item-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "daoyou-item-preview", 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 ChurchTao/Daoyou --skill daoyou-item-preview -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install ChurchTao/Daoyou daoyou-item-preview --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ChurchTao/Daoyou.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/daoyou-item-preview .cursor/skills/daoyou-item-preview && 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 "daoyou-item-preview" agent skill from https://github.com/ChurchTao/Daoyou/tree/master/.agents/skills/daoyou-item-preview into .cursor/skills/daoyou-item-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "daoyou-item-preview", 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/ChurchTao/Daoyou.git --path .agents/skills/daoyou-item-preview--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 ChurchTao/Daoyou --skill daoyou-item-preview -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install ChurchTao/Daoyou daoyou-item-preview --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ChurchTao/Daoyou.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/daoyou-item-preview .gemini/skills/daoyou-item-preview && 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 "daoyou-item-preview" agent skill from https://github.com/ChurchTao/Daoyou/tree/master/.agents/skills/daoyou-item-preview into .gemini/skills/daoyou-item-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "daoyou-item-preview", 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 ChurchTao/Daoyou daoyou-item-previewInstalls 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 ChurchTao/Daoyou --skill daoyou-item-preview -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/ChurchTao/Daoyou.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/daoyou-item-preview .github/skills/daoyou-item-preview && 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 "daoyou-item-preview" agent skill from https://github.com/ChurchTao/Daoyou/tree/master/.agents/skills/daoyou-item-preview into .github/skills/daoyou-item-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "daoyou-item-preview", 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 ChurchTao/Daoyou --skill daoyou-item-preview -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install ChurchTao/Daoyou daoyou-item-preview --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ChurchTao/Daoyou.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/daoyou-item-preview .opencode/skills/daoyou-item-preview && 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 "daoyou-item-preview" agent skill from https://github.com/ChurchTao/Daoyou/tree/master/.agents/skills/daoyou-item-preview into .opencode/skills/daoyou-item-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "daoyou-item-preview", 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.
Facts
- Skill name
daoyou-item-preview- GitHub stars
- 147
- Token cost
- ~983 tokens
- SKILL.md length
- 158 words
- Files
- 2 (incl. references)
- Skills in repo
- 9
- Repo updated
- First seen
- Licence
- GPL-3.0
At a glance
万界道友物品预览的固定展示与接入规范。新增道具、调整预览字段/文案/层级/折叠交互，或重构 ItemSlot、ItemPreview、presentation 适配器时使用；覆盖背包及复用预览的炼器、货架等入口。纯战斗规则、掉落数值或持久化变更不单独触发。
- Works in 3 steps: 先读本文件，再按受影响类型读取 分类基线。公共组件变更需核对全部类型。 → 核对当前共享物品定义、事实 schema… → 在拥有该职责的层修改，以文末清单验收。新增类型复用结构和语义；没有事实来源的字段不…
- SKILL.md covers 使用方式, 固定信息结构, 文案与视觉 and 组件职责：数据决定内容，视图只渲染, plus 3 more sections
- Calls pnpm
What it does
Daoyou Item Preview is an agent skill from ChurchTao/Daoyou. 万界道友物品预览的固定展示与接入规范。新增道具、调整预览字段/文案/层级/折叠交互，或重构 ItemSlot、ItemPreview、presentation 适配器时使用；覆盖背包及复用预览的炼器、货架等入口。纯战斗规则、掉落数值或持久化变更不单独触发。
Its SKILL.md is about 980 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/type-baselines.md`).
It works with React. The repository describes itself as: 《万界道友》是一款以 AIGC 驱动、高自由度文字体验、修仙世界观为核心的开源游戏。在这里，你将以普通修士之身，借功法、灵根、神通、法宝与奇遇，一步步推演自己的修行之路。 The licence is GPL-3.0.
Example prompts
- “/daoyou-item-preview”
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- 先读本文件，再按受影响类型读取 分类基线。公共组件变更需核对全部类型。
- 核对当前共享物品定义、事实 schema 和适配器，列明本次变化的名称、头部顺序、正文、描述、交互。未要求变化的部分沿用基线。
- 在拥有该职责的层修改，以文末清单验收。新增类型复用结构和语义；没有事实来源的字段不生成，不自行添加装饰或解释。
What it can do on your machine
Read from SKILL.md and the folder at commit d8a91e5. It shows what the files ask for, not the result of running them.
Tool permissions
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.
Runs code
Shell commands in SKILL.md call:
pnpm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use pnpm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Daoyou Item Preview loads about 983 tokens when it runs, and up to ~2.9k if it reads all its reference files. Until then it costs about 37 tokens; SKILL.md has 158 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.
Safety
Auto-check passed
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.
SKILL.md
The full file from ChurchTao/Daoyou at commit d8a91e5, republished under its GPL-3.0 licence (© ChurchTao). 158 words, ~983 tokens.
Download SKILL.mdSave it as
.claude/skills/daoyou-item-preview/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- daoyou-item-preview
- description
- 万界道友物品预览的固定展示与接入规范。新增道具、调整预览字段/文案/层级/折叠交互，或重构 ItemSlot、ItemPreview、presentation 适配器时使用；覆盖背包及复用预览的炼器、货架等入口。纯战斗规则、掉落数值或持久化变更不单独触发。
物品预览规范
本规范固化多轮验收的展示选择。接入与重构默认保持这些选择，不借机重新设计。用户明确提出新要求时以新要求为准，并同步更新对应规范；历史截图、旧实现和验收日志不覆盖最新要求。
使用方式
- 先读本文件，再按受影响类型读取 分类基线。公共组件变更需核对全部类型。
- 核对当前共享物品定义、事实 schema 和适配器，列明本次变化的名称、头部顺序、正文、描述、交互。未要求变化的部分沿用基线。
- 在拥有该职责的层修改，以文末清单验收。新增类型复用结构和语义；没有事实来源的字段不生成，不自行添加装饰或解释。
固定信息结构
顺序：图标＋完整名称＋有意义的头部字段 → 分组数据／效果 → 独立描述 → 业务操作。调用方的必要情境提示可位于头部之后。
- 借鉴梦幻西游的信息层次，保留本项目纸墨视觉。不要复制棕金皮肤，不给不同类型另造卡片、尺寸或主题。
- 头部由每类显式列出顺序。类型、要求、数量都不是必填；不先默认生成再逐类删除。每条信息必须有新增意义。
- 正文只保留有用的数据、效果与真实限制。空字段、空分组不占位；不补“暂无”“进入背包后判断”等兜底解释。
- 普通信息采用“分组标题 → 内容”。传承技能／功法已作为物品名时，不再添加同名标题形成第三层缩进。
- 命名能力可使用单层展开项；展开内容仅普通行。可折叠分组也仅包含普通行，不扩成任意递归详情树。
- 描述独立放在最后的信息栏。精简重复字段不等于截短描述；尤其图纸保留完整描述。没有描述事实的装备不编造背景文案。
- 不默认展示“无丹毒”“不占服用额度”等不存在的副作用或限制；这不是删除真实代价、真实使用限制的理由。
文案与视觉
- 数值用阿拉伯数字与符号：
1%、5%、1张；不用“1个百分点”“五个百分点”等混合表达。只改表达，不改变加法／乘法、单位或计算结果。 - 要求用最短准确条件，如
炼气初期、不高于金丹、金丹及以上。不附“可御使”“当前境界可以服用”等赘语。 - 名称改动归共享物品定义，保证格子、预览、目录等一致，不只在浮层裁掉后缀。
- 沿用
ItemPreviewView：名称text-base leading-6 font-semibold（16px），正文text-sm leading-6（14px/24px）；名称按既定分级着色，分组标题琥珀色，收益青色，代价／限制朱色，描述次级墨色。 - 数值数据用 Tailwind 默认
font-mono，正文仍用正文字体；不要改全局等宽字体或新增数字字体 token。见 数字排版规范。 - 颜色表达语义，缩进表达所属关系，不因内容少就加边框、标签、摘要或重复标题填满空间。
- 传承灵印的技能简述用次级墨色，默认收起的具体效果用正文色；展开入口用青色，让意象描述与数值规则一眼可分。
- 物品格与预览头部直接使用
GameIcon purpose="artwork"，图标契约仅接受字符串（emoji 或icon:名称），不传入 React 元素。归元灵露统一使用 💧；emoji 与注册图片都遵循本地图片显示强度，名称、数量、角标和空格提示保持清晰。透明度交给共享组件，不在适配器或页面内计算。
组件职责：数据决定内容，视图只渲染
以下路径均相对 apps/web/src/components/feature/items/：
| 层 | 固定职责 |
|---|---|
| 共享物品定义／事实 | 正式名称、属性和规则的来源；不得为预览另造一份业务事实 |
presentation/types.ts | 结构化契约：头部 field/quantity/status，正文 line/disclosure、分组与描述 |
presentation/{basic,equipment,consumable}.ts | 读取本类事实，返回轻量 summary 和延迟执行的 preview(options)；自行决定完整有序的字段、分组、数量与状态 |
presentation/registry.ts | 用 satisfies Record<ItemDefinition['kind'], ItemAdapter> 静态检查类型覆盖 |
itemPresentation.ts | 格子、聊天和货架等轻量摘要入口；不提前构建效果正文 |
itemPreviewModel.ts | 解析适配器，组装标题、图标、颜色和内容；不判断道具种类 |
ItemPreview.tsx | 接入既有参数，传递查看上下文、数量标签和调用方操作 |
ItemPreviewView.tsx | 仅渲染模型与统一样式／展开交互；不查定义、计算规则、判断 kind 或具体物品 ID |
ItemSlot.tsx／业务调用方 | 浮层定位、开关、模态壳、情境提示和操作；API 写入与玩法选择不进纯预览 |
新增同类道具通常只改共享定义；新增 kind 才补适配器与注册。类型差异在适配器集中表达，同一 kind 的消耗品子类型在消耗品适配器处理。不要把这些差异搬到公共渲染层，也不要引入运行时插件系统或每物品一套 JSX。
消耗品分组用 role（effect/preview/restriction/source）和 collapsible 表达语义。符箓使用 talismanDetailRows 结构化行，确认文本由相同行格式化。禁止根据 key 子串、标题相等、切割中文冒号等方式反推语义；已删的无效字段应停止生成，不靠视图过滤掩盖。
交互边界
- PC 悬停延迟 350ms，移出后取消待打开的预览，允许移入浮层操作；默认触屏点击、键盘聚焦使用同一预览。备料等启用
quickOnTouch的入口由触屏轻点执行快捷操作、长按 500ms 查看预览；移动手指时取消长按，长按后的点击不得重复执行操作。沿用原生popover=auto、单个打开、Esc 关闭、视口避让和长内容内部滚动，不改成详情抽屉。 - 仅打开的预览挂载正文和业务操作。展开器蕴／器诀不能关闭浮层；处理 popover 的 toggle 时保持
event.target === event.currentTarget边界，避免接收子级 details 事件。 - 物品栏不提供“移动”“合并”及对应目标选择、取消移动状态。拖拽移动是后续需求，不提前实现。
- 装备／卸下、转存、拆分、整理等现有适用操作仍由业务入口负责。转存不是已删除的格位移动。
- 物品栏预览不展示装备比较或差值箭头；替换、存入、取出等操作使用短文案。堆叠丹药的服用数量与操作排在同一紧凑区域，支持直接输入、逐颗增减和设为本次最多数量。
- 复杂参悟、灵兽技能选择等留在对应玩法页，不塞进预览。真实消耗和写入逻辑不由展示模型决定。
验收与防回退
- 对照分类基线逐项核对名称、头部顺序、数量、默认折叠、直接消耗、描述。不得恢复双加合计、归元后消耗、重复类型、三层传承标题或移动／合并。
- 检查公共模型组装与渲染是否新增 kind/ID 特判；摘要入口是否开始调用详细预览；正文是否出现任意 JSX 或从文案反解析数据。
- 改公共展示时覆盖装备、图纸、传承灵印、归元灵露、功法玉简、丹药、灵果，以及材料、灵种、符箓；同一物品在背包和受影响的其他入口命名、内容一致。
- UI 改动运行
pnpm run lint、pnpm run build，按 测试规范 做本地浏览器检查：桌面／360px、长名称、长描述、空分组、键盘、触屏点击、Esc、展开后浮层仍在；涉及批量服用时检查数量上下限与快捷操作。不得用“编译通过”代替交互验收。 - 不在前端／服务端添加单元测试。改动纯共享领域逻辑时遵循领域 skill 和仓库测试规则；只改本规范时验证 skill、链接和 diff 即可。报告已执行与未执行的检查。
关联规范
- 场景布局同时遵循 daoyou-game-ui；预览本身是查看数据的决策层，不套用场景首屏的隐藏数值原则来删效果。
- 修改共享物品事实或规则时同时使用 daoyou-game-core-domain。
- 展示实现与历史记录 用于查代码脉络；历史记录中已被本规范替代的文案、操作和字体方案不可恢复。
© ChurchTao, GPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 1 other file (references) in .agents/skills/daoyou-item-preview of ChurchTao/Daoyou.
- SKILL.md
- references/type-baselines.md
Open the folder on GitHubat commit d8a91e5
Compare with similar skills
Daoyou Item Preview 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 |
|---|---|---|---|---|---|---|
| Daoyou Item Preview this skillChurchTao/Daoyou | 147 | — | ~983 | Automated safety check: Pass | GPL-3.0 | |
| Web Artifacts Builderanthropics/skills | 180k | 40 repos | ~769 | Automated safety check: Pass | Apache-2.0 | |
| Vercel Composition Patternssupabase/supabase | 111k | 58 repos | ~726 | Automated safety check: Pass | MIT | |
| React Doctormakeplane/plane | 61k | 12 repos | ~657 | Automated safety check: Pass | AGPL-3.0 | |
| React Router Developmentremix-run/react-router | 57k | 1 repos | ~1.5k | Automated safety check: Pass | MIT | |
| React UI State PatternsChrisWiles/claude-code-showcase | 6.1k | 8 repos | ~1.6k | Automated safety check: Pass | None |
Similar skills
- Official
- Official
Vercel Composition Patterns
supabase/supabase
React composition patterns that scale. An agent skill from supabase/supabase.
React Doctor
makeplane/plane
Scans React code for lint, accessibility, bundle size and architecture issues, reports a health score and checks that changes do not lower it.
React Router Development
remix-run/react-router
Guides work on React Router apps by first identifying whether the app uses Framework, Data or Declarative mode, then loading the matching reference and the installed package docs.
React UI State Patterns
ChrisWiles/claude-code-showcase
Sets patterns for React interfaces: when to show loading spinners or skeletons, how to surface errors, how to disable buttons during async work and how to handle empty lists.
Electron Multi-Process Architecture
iOfficeAI/AionUi
Tells the agent where new code belongs in an Electron multi-process project and which APIs each process may use, with rules for new bridges, services, agents and workers.
More from ChurchTao/Daoyou
All 9 skills in this repoDaoyou Game UI
ChurchTao/Daoyou
为本项目的主流程游戏 UI 提供抽象规范与审查方法，覆盖 GameViewportLayout 及其场景页、共享壳组件和正文交互。Use when implementing, refactoring, or reviewing scene-page structure, typography, borders, navigation, component ownership, or…
Daoyou Backend API Security
ChurchTao/Daoyou
Daoyou NestJS API、认证、授权、Better Auth、ALTCHA、admin、internal cron、LLM header 安全和服务端输入校验指南。Use when adding or modifying apps/api/src controllers, guards, middleware, auth, admin endpoints, cron/internal…
Daoyou Data Layer
ChurchTao/Daoyou
Daoyou Drizzle/PostgreSQL、事务、V6 角色与宗门归属、统一背包、Redis 战局和回放归档指南。Use when modifying schema, migrations, repositories, persistence mappers, resource commits or durable game models.
Daoyou Game Core Domain
ChurchTao/Daoyou
Daoyou combat-v6 战斗内核、规则、人物投影、宗门、道装、功法、召唤灵及共享物品规则指南。Use when modifying shared combat rules, character attributes, sect content, equipment, manuals, beasts, forging, inventory or reward domain logic.
Daoyou Beast Design
ChurchTao/Daoyou
万界道友灵兽物种设计与审查规范。用于新增或调整召唤兽的境界分布、命名形态、资质成长、核心天赋、出生技能池及培养空间，或将这些设计落入配置。单纯战斗内核修复使用 daoyou-game-core-domain；本技能不负责新增传承灵印机制或立绘生成。
Daoyou Ink Portraits
ChurchTao/Daoyou
为万界道友生成、修改或评审写意墨像立绘，统一玩家、NPC、BOSS 与灵兽的笔墨语言，涵盖物种头像构思、局部彩墨与界面适配。用于角色和生灵立绘，不用于一般页面排版、物品 emoji 或场景山水。
Related
Works with
Questions about Daoyou Item Preview
What does Daoyou Item Preview do?
万界道友物品预览的固定展示与接入规范。新增道具、调整预览字段/文案/层级/折叠交互，或重构 ItemSlot、ItemPreview、presentation 适配器时使用；覆盖背包及复用预览的炼器、货架等入口。纯战斗规则、掉落数值或持久化变更不单独触发。. Daoyou Item Preview is an agent skill from ChurchTao/Daoyou.
How do I install Daoyou Item Preview in Claude Code?
Run `npx skills add ChurchTao/Daoyou --skill daoyou-item-preview -a claude-code`. Or copy the skill folder (.agents/skills/daoyou-item-preview in ChurchTao/Daoyou) into .claude/skills/daoyou-item-preview in your project. Claude Code loads it when a task matches its description.
How do I install Daoyou Item Preview in Codex?
Run `npx skills add ChurchTao/Daoyou --skill daoyou-item-preview -a codex`. Or copy the skill folder (.agents/skills/daoyou-item-preview in ChurchTao/Daoyou) into .agents/skills/daoyou-item-preview in your project. Codex loads it when a task matches its description.
Can I use Daoyou Item Preview in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add ChurchTao/Daoyou --skill daoyou-item-preview -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/daoyou-item-preview, .gemini/skills/daoyou-item-preview, .github/skills/daoyou-item-preview and .opencode/skills/daoyou-item-preview in your project.
What does Daoyou Item Preview need to run?
Going by SKILL.md and its folder, Daoyou Item Preview needs the command-line tools its instructions call (pnpm).
Does Daoyou Item Preview access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Daoyou Item Preview safe to install?
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.
What licence does Daoyou Item Preview use?
Daoyou Item Preview is published under the GPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Daoyou Item Preview use?
About 983 tokens (SKILL.md is roughly 3.9k 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.9k tokens, read only when the agent opens those files.
What are the alternatives to Daoyou Item Preview?
Skills that share tags, products or a category with Daoyou Item Preview: Web Artifacts Builder (anthropics/skills, 180k stars), Vercel Composition Patterns (supabase/supabase, 111k stars), React Doctor (makeplane/plane, 61k stars) and React Router Development (remix-run/react-router, 57k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Daoyou Item Preview?
ChurchTao (a GitHub user) maintains it in ChurchTao/Daoyou, which has 147 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on October 10, 2026.
Source: ChurchTao/Daoyou on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.