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.
MDA 项目专属开发指南。用于在 MDA 中编写或审查 MaaFramework Pipeline、Project Interface 任务、locale、go-service 组件时补充项目结构、业务域、命名习惯和现有任务选项示例。与通用 pipeline-guide、pipeline-debug、generate-pi-task、go-service-guide 配合使用。
$ npx skills add 1204244136/MDA --skill mda-project-guide -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install 1204244136/MDA mda-project-guide --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/1204244136/MDA.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/mda-project-guide .claude/skills/mda-project-guide && 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 "mda-project-guide" agent skill from https://github.com/1204244136/MDA/tree/main/.claude/skills/mda-project-guide into .claude/skills/mda-project-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mda-project-guide", 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/1204244136/MDA/tree/main/.claude/skills/mda-project-guideType 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 1204244136/MDA --skill mda-project-guide -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install 1204244136/MDA mda-project-guide --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/1204244136/MDA.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/mda-project-guide .agents/skills/mda-project-guide && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "mda-project-guide" agent skill from https://github.com/1204244136/MDA/tree/main/.claude/skills/mda-project-guide into .agents/skills/mda-project-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mda-project-guide", 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 1204244136/MDA --skill mda-project-guide -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install 1204244136/MDA mda-project-guide --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/1204244136/MDA.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/mda-project-guide .cursor/skills/mda-project-guide && 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 "mda-project-guide" agent skill from https://github.com/1204244136/MDA/tree/main/.claude/skills/mda-project-guide into .cursor/skills/mda-project-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mda-project-guide", 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/1204244136/MDA.git --path .claude/skills/mda-project-guide--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 1204244136/MDA --skill mda-project-guide -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install 1204244136/MDA mda-project-guide --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/1204244136/MDA.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/mda-project-guide .gemini/skills/mda-project-guide && 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 "mda-project-guide" agent skill from https://github.com/1204244136/MDA/tree/main/.claude/skills/mda-project-guide into .gemini/skills/mda-project-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mda-project-guide", 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 1204244136/MDA mda-project-guideInstalls 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 1204244136/MDA --skill mda-project-guide -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/1204244136/MDA.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/mda-project-guide .github/skills/mda-project-guide && 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 "mda-project-guide" agent skill from https://github.com/1204244136/MDA/tree/main/.claude/skills/mda-project-guide into .github/skills/mda-project-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mda-project-guide", 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 1204244136/MDA --skill mda-project-guide -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install 1204244136/MDA mda-project-guide --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/1204244136/MDA.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/mda-project-guide .opencode/skills/mda-project-guide && 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 "mda-project-guide" agent skill from https://github.com/1204244136/MDA/tree/main/.claude/skills/mda-project-guide into .opencode/skills/mda-project-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mda-project-guide", 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.
mda-project-guideMDA 项目专属开发指南。用于在 MDA 中编写或审查 MaaFramework Pipeline、Project Interface 任务、locale、go-service 组件时补充项目结构、业务域、命名习惯和现有任务选项示例。与通用 pipeline-guide、pipeline-debug、generate-pi-task、go-service-guide 配合使用。
Mda Project Guide is an agent skill from 1204244136/MDA. MDA 项目专属开发指南。用于在 MDA 中编写或审查 MaaFramework Pipeline、Project Interface 任务、locale、go-service 组件时补充项目结构、业务域、命名习惯和现有任务选项示例。与通用 pipeline-guide、pipeline-debug、generate-pi-task、go-service-guide 配合使用。
Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design. The repository describes itself as: Nikke小助手 | Assistant For Goddess of Victory: Nikke. The licence is AGPL-3.0.
Read from SKILL.md and the folder at commit 9fb9b48. 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.
No scripts in the folder and no shell commands in SKILL.md (its code samples are json).
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
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.
Mda Project Guide loads about 1.8k tokens when it runs. Until then it costs about 52 tokens; SKILL.md has 398 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 1204244136/MDA at commit 9fb9b48, republished under its AGPL-3.0 licence (© 1204244136). 398 words, ~1,830 tokens.
.claude/skills/mda-project-guide/SKILL.md (or your agent's skills folder).当你正在 C:\Users\12042\Documents\GitHub\MDA 仓库中工作,并且任务涉及以下内容时使用本 skill:
assets/interface.json、assets/tasks/、assets/locales/interface/。agent/go-service/ 自定义组件。本 skill 只记录 MDA 项目特例;MaaFramework 通用规则请先看:
pipeline-guidepipeline-debuggenerate-pi-taskgo-service-guideMDA 采用 MaaFramework / Project Interface / MXU 风格结构:
MDA/
├── AGENTS.md
├── assets/
│ ├── interface.json
│ ├── tasks/
│ ├── locales/interface/
│ │ ├── zh_cn.json
│ │ └── en_us.json
│ ├── locales/go-service/
│ │ ├── zh_cn.json
│ │ └── en_us.json
│ └── resource/pipeline/
├── agent/go-service/
└── tools/schema/关键文件:
| 路径 | 用途 |
|---|---|
assets/interface.json | Project Interface 主配置,包含 import、group、controller、resource 等 |
assets/tasks/*.json | PI 任务定义和 option 配置 |
assets/tasks/preset/*.json | 预设任务组合 |
assets/resource/pipeline/**.json | MaaFramework Pipeline 节点 |
assets/locales/interface/zh_cn.json | 界面中文文案 |
assets/locales/interface/en_us.json | 界面英文文案 |
tools/schema/*.json | Pipeline / PI / Custom schema |
agent/go-service/ | Go Agent 自定义逻辑 |
MDA 当前 interface locale 主要维护:
zh_cnen_us新增任务或 option 时,默认只同步这两个文件。不要按其它项目习惯擅自补 zh_tw、ja_jp、ko_kr,除非用户明确要求或项目新增了对应 locale 文件。
所有用户可见文本在任务文件中使用 $ i18n key,例如:
"label": "$task.Shop.label"MDA Pipeline 当前常见业务域包括:
| Domain | 说明 |
|---|---|
Advise | 咨询 / 剧情 / 剧集相关 |
Arena | 竞技场相关 |
Battle | 战斗通用流程 |
Common | 通用 UI、弹窗、交互 |
CoordinatedOperations | 协同作战 |
DailyRewards | 日常奖励 |
Event | 活动通用域 |
Interception | 拦截战 |
Login | 登录流程 |
MapPushing | 推图 |
Navigation | 导航和回到主界面 |
Outpost | 前哨基地 |
RedDotClear | 红点清理 |
Shop | 商店 |
SimulationRoom | 模拟室 |
TribeTower | 企业塔 / 阵营塔 |
新增节点时优先沿用现有目录与 Domain;不要为了单个节点新建同义 Domain。
MDA 使用通用 MaaFramework PascalCase 命名规则,并倾向于:
<Domain>Main<Domain><Subtask>Flow<Domain>Enter<Page><Domain><Page>Entered<Domain>On<Page>Page<Domain><Object>Visible<Domain>Click<Object>、Select、Claim、Purchase<Domain>Confirm<Object> 或 CommonConfirm<Object>MDA 命名中特别注意:
FlagInX 表达页面状态。Visible 节点不要过度拆分;如果只被一个点击节点使用且没有组合识别价值,优先合并进点击节点。Entered 节点可以只被一个进入流程引用,只要它承担“进入成功哨兵”职责,就不是无意义中转节点。MDA 任务文件位于 assets/tasks/,当前包括:
Advise.jsonArena.jsonCashShop.jsonCoordinatedOperations.jsonDailyRewards.jsonInterception.jsonLargeEvent.jsonMapPushing.jsonOutpost.jsonRedDotClear.jsonShop.jsonSimulationRoom.jsonSmallEvent.jsonTribeTower.json新增任务文件后,assets/interface.json 的 import[] 使用相对路径:
"tasks/MyTask.json"而不是:
"assets/tasks/MyTask.json"这些例子来自 MDA 现有任务,用于辅助判断 generate-pi-task 的 option 类型。
| Task File | Option | Type | 说明 |
|---|---|---|---|
Arena.json | SpecialReward | switch | 单个是否领取奖励的开关 |
Arena.json | EnterRookieArena | switch | 单个是否进入该竞技场的开关 |
Interception.json | InterceptionType | select | Normal / Anomaly 互斥 |
Interception.json | NormalyInterceptionLevel | nested select | 普通拦截的难度子选项 |
Interception.json | AnomalyInterceptionTarget | nested select | 异常拦截的目标子选项 |
Interception.json | ManualInterceptionBattle | switch | 单个功能开关 |
Shop.json | ArenaShopItemList | checkbox | 多个独立商店物品可同时购买 |
Shop.json | RecyclingShopList | checkbox | 多个独立可回收物品,存在默认选择 |
Shop.json | CommonShopFreeGoods | switch | 单个是否领取免费商品开关 |
SimulationRoom.json | StartOverlock | switch | Yes case 下嵌套 AutoBIOSSetting |
SimulationRoom.json | AutoBIOSSetting | nested switch | 自动难度子开关 |
Outpost.json | DefenseRewards | switch | 默认开启时可设置 default_case: "Yes" |
TribeTower.json | EnterCommonTower | switch | 默认关闭时可按既有风格让 No 在 Yes 前 |
判断原则:
select:互斥路线,case 之间要互相禁用。checkbox:独立列表,case 通常只启用自身节点。switch:单个是否执行的功能。MDA 存在 agent/go-service/,当前包含:
main.goregister.gologger.gopkg/pienvpkg/resourcepkg/i18npkg/maafocustaskersink/aspectratiotaskersink/hdrchecktaskersink/processchecktaskersink/membership开发 Go 组件时:
agent/go-service/register.go 的聚合方式。Register()。assets/locales/go-service/zh_cn.json 和 en_us.json。MDA 的 AGENTS.md 明确项目运行环境为 Windows / PowerShell 7。
执行命令时:
grep、find、sed、awk 等 Unix 写法。pipeline-guide,再用本 skill 确认 MDA Domain、locale 范围和任务结构。pipeline-debug,再用本 skill 判断 MDA 现有命名和任务语义。generate-pi-task,再用本 skill 参考 MDA 选项建模示例。go-service-guide,再用本 skill 确认 MDA 的包和 locale 目录。assets/interface.json import。zh_cn、en_us。pipeline_override 节点名真实存在。registerAll()。© 1204244136, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in .claude/skills/mda-project-guide of 1204244136/MDA.
Open the folder on GitHubat commit 9fb9b48
Mda Project Guide 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 |
|---|---|---|---|---|---|---|
| Mda Project Guide this skill1204244136/MDA | 119 | — | ~1.8k | Automated safety check: Pass | AGPL-3.0 | |
| Web Artifacts Builderanthropics/skills | 180k | 41 repos | ~769 | Automated safety check: Pass | Apache-2.0 | |
| React Doctormakeplane/plane | 61k | 12 repos | ~657 | Automated safety check: Pass | AGPL-3.0 | |
| Impeccablebestofjs/bestofjs | 3.1k | 27 repos | ~2.6k | Automated safety check: Pass | MIT | |
| Figma Design System Builderwarpdotdev/warp | 65k | 2 repos | ~4.4k | Automated safety check: Pass | AGPL-3.0 | |
| Web Interface Guidelines Reviewervercel-labs/openreview | 1.7k | 98 repos | ~308 | Automated safety check: Pass | None |
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.
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.
bestofjs/bestofjs
A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…
warpdotdev/warp
Builds or updates a design system in Figma from a codebase in ordered phases: discovery, variables and tokens, components, theming and documentation, with checkpoints.
vercel-labs/openreview
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my…
anonaddy/anonaddy
Always invoke when the user's message includes 'tailwind' in any form.
1204244136/MDA
根据 MaaFramework Pipeline 定义生成或更新 Project Interface 任务 JSON。用于创建、编辑或扩展 assets/tasks/ 下的任务文件,将 Pipeline 节点映射为用户可配置选项(switch/select/checkbox/input)并绑定 pipelineoverride。
1204244136/MDA
分析 Windows 崩溃转储文件(.dmp),诊断 MaaFramework / MXU 项目及其依赖项的崩溃。用于 issue 日志包或附件中发现 .dmp 文件,或用户要求分析 DMP / 崩溃转储时。
1204244136/MDA
MaaFramework Go Agent / go-service 编写指南。用于编写、修改或审查 agent/go-service/ 下的 Go 自定义识别器、动作、EventSink,或了解 MaaFramework Go Agent 的注册、日志、目录组织和参数解析模式。
1204244136/MDA
MaaFramework C++ 日志宏用法指南。用于写 C++ MaaFramework 扩展、Custom 组件或工具代码时使用 LogInfo/LogError/LogWarn/LogDebug/LogTrace、VAR、容器输出和自定义类型日志。
1204244136/MDA
分析 MDA 公开 Issue、日志包或本地日志。用于 https://github.com/1204244136/MDA/issues/...、1234、MDA 日志压缩包、识别失败、任务卡死、控制器差异、Pipeline/Agent/MXU 问题。会从…
1204244136/MDA
meojson C++ JSON 库使用指南。用于 MaaFramework C++ 项目中的 JSON 解析、序列化、MEOJSONIZATION、json::value 操作、ext::jsonization 自定义类型支持,以及 Custom 参数解析。
Categories
MDA 项目专属开发指南。用于在 MDA 中编写或审查 MaaFramework Pipeline、Project Interface 任务、locale、go-service 组件时补充项目结构、业务域、命名习惯和现有任务选项示例。与通用 pipeline-guide、pipeline-debug、generate-pi-task、go-service-guide 配合使用。. Mda Project Guide is an agent skill from 1204244136/MDA.
Mda Project Guide fits situations like: frontend & Design work in your project.
Run `npx skills add 1204244136/MDA --skill mda-project-guide -a claude-code`. Or copy the skill folder (.claude/skills/mda-project-guide in 1204244136/MDA) into .claude/skills/mda-project-guide in your project. Claude Code loads it when a task matches its description.
Run `npx skills add 1204244136/MDA --skill mda-project-guide -a codex`. Or copy the skill folder (.claude/skills/mda-project-guide in 1204244136/MDA) into .agents/skills/mda-project-guide 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 1204244136/MDA --skill mda-project-guide -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/mda-project-guide, .gemini/skills/mda-project-guide, .github/skills/mda-project-guide and .opencode/skills/mda-project-guide in your project.
SKILL.md names no scripts, command-line tools or credentials: Mda Project Guide is instructions for the agent only.
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.
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.
Mda Project Guide is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.8k tokens (SKILL.md is roughly 7.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Mda Project Guide: Web Artifacts Builder (anthropics/skills, 180k stars), React Doctor (makeplane/plane, 61k stars), Impeccable (bestofjs/bestofjs, 3.1k stars) and Figma Design System Builder (warpdotdev/warp, 65k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
1204244136 (a GitHub user) maintains it in 1204244136/MDA, which has 119 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on October 5, 2026.
Source: 1204244136/MDA on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.