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.
MAKE UP 项目专属营销工作流。用于营销定位、真实用户研究、小红书或抖音内容实验、创作者合作、渠道分析、上线推广和每周复盘。主动读取项目文件与匿名聚合数据,先区分事实、假设和未知项,再向不熟悉营销的用户提出少量关键问题,并产出或执行一个可验证的下一步;保持免费基础匹配、当前付费 Plus 边界、隐私优先、创作者授权和人工外部操作边界。
$ npx skills add fanshouheng/makeup-match-prototype --skill make-up-marketing -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install fanshouheng/makeup-match-prototype make-up-marketing --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/fanshouheng/makeup-match-prototype.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.codex/skills/make-up-marketing .claude/skills/make-up-marketing && 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 "make-up-marketing" agent skill from https://github.com/fanshouheng/makeup-match-prototype/tree/main/.codex/skills/make-up-marketing into .claude/skills/make-up-marketing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "make-up-marketing", 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/fanshouheng/makeup-match-prototype/tree/main/.codex/skills/make-up-marketingType 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 fanshouheng/makeup-match-prototype --skill make-up-marketing -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install fanshouheng/makeup-match-prototype make-up-marketing --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/fanshouheng/makeup-match-prototype.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.codex/skills/make-up-marketing .agents/skills/make-up-marketing && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "make-up-marketing" agent skill from https://github.com/fanshouheng/makeup-match-prototype/tree/main/.codex/skills/make-up-marketing into .agents/skills/make-up-marketing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "make-up-marketing", 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 fanshouheng/makeup-match-prototype --skill make-up-marketing -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install fanshouheng/makeup-match-prototype make-up-marketing --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/fanshouheng/makeup-match-prototype.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.codex/skills/make-up-marketing .cursor/skills/make-up-marketing && 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 "make-up-marketing" agent skill from https://github.com/fanshouheng/makeup-match-prototype/tree/main/.codex/skills/make-up-marketing into .cursor/skills/make-up-marketing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "make-up-marketing", 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/fanshouheng/makeup-match-prototype.git --path .codex/skills/make-up-marketing--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 fanshouheng/makeup-match-prototype --skill make-up-marketing -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install fanshouheng/makeup-match-prototype make-up-marketing --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/fanshouheng/makeup-match-prototype.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.codex/skills/make-up-marketing .gemini/skills/make-up-marketing && 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 "make-up-marketing" agent skill from https://github.com/fanshouheng/makeup-match-prototype/tree/main/.codex/skills/make-up-marketing into .gemini/skills/make-up-marketing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "make-up-marketing", 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 fanshouheng/makeup-match-prototype make-up-marketingInstalls 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 fanshouheng/makeup-match-prototype --skill make-up-marketing -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/fanshouheng/makeup-match-prototype.git skills-src && mkdir -p .github/skills && cp -r skills-src/.codex/skills/make-up-marketing .github/skills/make-up-marketing && 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 "make-up-marketing" agent skill from https://github.com/fanshouheng/makeup-match-prototype/tree/main/.codex/skills/make-up-marketing into .github/skills/make-up-marketing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "make-up-marketing", 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 fanshouheng/makeup-match-prototype --skill make-up-marketing -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install fanshouheng/makeup-match-prototype make-up-marketing --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/fanshouheng/makeup-match-prototype.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.codex/skills/make-up-marketing .opencode/skills/make-up-marketing && 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 "make-up-marketing" agent skill from https://github.com/fanshouheng/makeup-match-prototype/tree/main/.codex/skills/make-up-marketing into .opencode/skills/make-up-marketing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "make-up-marketing", 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.
make-up-marketingMAKE UP 项目专属营销工作流。用于营销定位、真实用户研究、小红书或抖音内容实验、创作者合作、渠道分析、上线推广和每周复盘。主动读取项目文件与匿名聚合数据,先区分事实、假设和未知项,再向不熟悉营销的用户提出少量关键问题,并产出或执行一个可验证的下一步;保持免费基础匹配、当前付费 Plus 边界、隐私优先、创作者授权和人工外部操作边界。
Make Up Marketing is an agent skill from fanshouheng/makeup-match-prototype. MAKE UP 项目专属营销工作流。用于营销定位、真实用户研究、小红书或抖音内容实验、创作者合作、渠道分析、上线推广和每周复盘。主动读取项目文件与匿名聚合数据,先区分事实、假设和未知项,再向不熟悉营销的用户提出少量关键问题,并产出或执行一个可验证的下一步;保持免费基础匹配、当前付费 Plus 边界、隐私优先、创作者授权和人工外部操作边界。
Its SKILL.md is about 1.1k 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/content-editorial.md`).
It works with React and TypeScript. The repository describes itself as: 隐私优先的妆容博主匹配工具:在浏览器本地分析面部比例,寻找更适合参考的妆容教程。 The licence is AGPL-3.0.
6 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit d320599. 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.
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.
Make Up Marketing loads about 1.1k tokens when it runs, and up to ~2.6k if it reads all its reference files. Until then it costs about 47 tokens; SKILL.md has 223 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 fanshouheng/makeup-match-prototype at commit d320599, republished under its AGPL-3.0 licence (© fanshouheng). 223 words, ~1,057 tokens.
.claude/skills/make-up-marketing/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.把营销当作证据循环,不把它简化成发内容或追求播放量:
真实行为 -> 用户原话 -> 定位 -> 单一实验 -> 漏斗验证 -> 只修最大阻塞点
在提问前完成能自行完成的调查:
AGENTS.md。README.md 和 ROADMAP.md,分别作为现役产品合同与当前优先级依据。30天验证计划.md 已于 2026 年 8 月 21 日结束,仅在回看历史实验时读取,不把其中的套餐、阈值或待办当作现役规则。.agents/product-marketing.md。存在时读取并沿用;缺失且任务需要持续营销上下文时,从仓库自动起草,不要求用户先解释专业术语。output/validation-progress/MAKE_UP_验证进度.md 和 output/validation-progress/latest-input.json;明确数据时间、统计起点和样本量。先报告已经掌握的事实,再询问缺失信息。不要询问仓库、当前会话或可用工具已经能回答的问题。
当任务涉及内容选题、脚本、开头、画面设计或内容复盘时,再读取 references/content-editorial.md。产品证据决定内容使命和 CTA,编导方法只负责把它表达清楚;不得用表达技巧覆盖未知项。先用 content-aesthetic-gate 判断真人事件和公开承诺是否成立,通过后再用 human-writing 写标题、正文或口播,最后回到 content-aesthetic-gate 做单条与整组终审。任一 Skill 不可用时,执行 content-editorial.md 中对应的本地检查,不得假装已经调用。涉及平台算法、流量、发布时段、内容体裁或违规判断时,只采用带日期的当前官方资料与账号后台证据。
当现有报告过期且最新数据会改变判断时,主动尝试获取新数据:
scripts/read-validation-progress.sql 或相关脚本,确认只返回聚合计数。只允许读取匿名聚合数据。不得获取或输出普通用户照片、面部比例、匹配分数、设备身份、原始 IP、创作者名称、具体链接、邮箱、联系方式、申请资料、审核记录或私聊内容。
完成自动调查后,只询问会改变下一步决策的问题:
示例:
我已经看到用户能完成选图,但主动反馈者的符合率偏低。为了判断先改营销表达还是匹配结果,请告诉我:这些用户主要从哪条内容进入?如果你不确定,我先按“小红书女性妆容内容”作为工作假设。
按以下顺序检查,不强行套用 SaaS 留存或收入模型:
| 阶段 | 核心问题 | 主要指标 |
|---|---|---|
| 获客 | 是否吸引到目标渠道用户 | 目标渠道访问、访问成本 |
| 激活 | 用户是否愿意开始并完成 | 选图率、分析完成率、结果到达率 |
| 核心价值 | 用户是否认为结果有用 | 反馈覆盖率、反馈者符合率、访谈原话 |
| 行动 | 结果是否促使用户找参考 | 创作者主页或内容点击率 |
| 传播 | 用户是否愿意带来下一位用户 | 成功分享率 |
| 供给 | 合规创作者是否愿意加入 | 联系、回复、提交、批准、上线 |
不要把反馈者的符合率外推到所有结果用户;同时,不要因为存在选择偏差而忽略明显的负向反馈。播放量、访问量、创作者兴趣和开发者关注都不是核心价值成立的充分证据。
MAKE UP 是一次性决策工具。除非真实研究发现明确的再次使用场景,否则优先优化完成、主观有用性、点击、分享和转介绍,不默认增加登录、邮件漏斗或留存功能。
当核心价值或定位不清楚时,先进行最小研究:
不得为了研究下载、分析或保存未授权真人照片。公开主页只能用于元数据初筛,不代表创作者授权。
需要反复执行营销任务时,创建或更新 .agents/product-marketing.md,至少包含:
默认定位保持具体:隐私优先、浏览器本地比较面部结构比例,帮助用户发现可参考的授权创作者与教程;当前浏览器前 3 次成功匹配免费,之后可通过有效邀请继续免费使用;Plus 仅为当前 9.9 元、人工确认付款的邀请制内测,激活后 180 天内普通匹配不限次,另含 1 份正式报告和 2 次内测重试。不得宣传身份识别、颜值评分、医学结论、精准复制、专业效果保证、自动支付、订阅、付费排名、广告或赞助推荐。
把开发者/Vibe Coding 内容与女性妆容用户获客分开记录。开发者流量可以支持开源声誉,不能当作目标用户需求证据。
每次只提交一个主要实验,包含:
优先依据 ROADMAP.md 的当前闭环和最新匿名聚合证据定义指标与阈值;历史 30天验证计划.md 只能用于解释过去的实验。需要比较渠道但无法做会话级归因时,采用互不重叠的时间窗口逐个测试,不通过新增敏感字段解决归因。
内容默认围绕用户问题、实际结果和隐私机制。每条内容只要求一个动作,例如“完成匹配后选择符合或不太符合”。使用自有、生成或已明确授权的演示素材;不要展示真实用户照片、私人反馈截图或未经同意的创作者内容。
把创作者同时视为合规供给和借用渠道,但分开处理授权:
可主动执行:
output/marketing/必须有用户明确指令后执行:
用户直接要求发布、发送、投放、导入、审批或删除时,该指令就是授权;不要重复确认,但要验证结果。分析和计划请求默认保持外部系统只读。
用用户能直接决策的格式回答:
不生成冗长的 90 天或 13 章节 GTM 文档,除非用户明确要求。优先给出一周内能验证、失败后也能学到东西的动作。
© fanshouheng, 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
SKILL.md and 2 other files (references) in .codex/skills/make-up-marketing of fanshouheng/makeup-match-prototype.
Open the folder on GitHubat commit d320599
Make Up Marketing 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 |
|---|---|---|---|---|---|---|
| Make Up Marketing this skillfanshouheng/makeup-match-prototype | 116 | — | ~1.1k | Automated safety check: Pass | AGPL-3.0 | |
| Web Artifacts Builderanthropics/skills | 180k | 40 repos | ~769 | Automated safety check: Pass | Apache-2.0 | |
| OpenTUI Terminal Interfacescline/cline | 70k | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | |
| Ink Tui Wizardnovuhq/novu | 40k | — | ~1.9k | Automated safety check: Pass | MIT | |
| Generate Release Notesteambit/bit | 18k | — | ~2.2k | Automated safety check: Pass | Custom licence | |
| Frontend Module Standardssiteboon/claudecodeui | 14k | — | ~2.6k | Automated safety check: Pass | AGPL-3.0 |
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.
cline/cline
Helps build terminal user interfaces with OpenTUI using its core imperative API or its React and Solid reconcilers, with references for layout, keyboard, animation and testing.
novuhq/novu
Build terminal user interfaces (TUIs) using Ink (React for CLIs) and @inkjs/ui with a reactive, session-driven wizard pattern.
teambit/bit
Generate comprehensive release notes for Bit from git commits and pull requests.
siteboon/claudecodeui
Enforces one repository's React and TypeScript module layout for code under src/: source-root imports, feature barrels, deliberate exports and no deep imports.
langgenius/dify
Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries, state, data…
Works with
MAKE UP 项目专属营销工作流。用于营销定位、真实用户研究、小红书或抖音内容实验、创作者合作、渠道分析、上线推广和每周复盘。主动读取项目文件与匿名聚合数据,先区分事实、假设和未知项,再向不熟悉营销的用户提出少量关键问题,并产出或执行一个可验证的下一步;保持免费基础匹配、当前付费 Plus 边界、隐私优先、创作者授权和人工外部操作边界。. Make Up Marketing is an agent skill from fanshouheng/makeup-match-prototype.
Run `npx skills add fanshouheng/makeup-match-prototype --skill make-up-marketing -a claude-code`. Or copy the skill folder (.codex/skills/make-up-marketing in fanshouheng/makeup-match-prototype) into .claude/skills/make-up-marketing in your project. Claude Code loads it when a task matches its description.
Run `npx skills add fanshouheng/makeup-match-prototype --skill make-up-marketing -a codex`. Or copy the skill folder (.codex/skills/make-up-marketing in fanshouheng/makeup-match-prototype) into .agents/skills/make-up-marketing 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 fanshouheng/makeup-match-prototype --skill make-up-marketing -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/make-up-marketing, .gemini/skills/make-up-marketing, .github/skills/make-up-marketing and .opencode/skills/make-up-marketing in your project.
SKILL.md names no scripts, command-line tools or credentials: Make Up Marketing 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.
Make Up Marketing 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.1k tokens (SKILL.md is roughly 4.2k 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.5k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Make Up Marketing: Web Artifacts Builder (anthropics/skills, 180k stars), OpenTUI Terminal Interfaces (cline/cline, 70k stars), Ink Tui Wizard (novuhq/novu, 40k stars) and Generate Release Notes (teambit/bit, 18k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
fanshouheng (a GitHub user) maintains it in fanshouheng/makeup-match-prototype, which has 116 GitHub stars. The repository was last updated on September 19, 2026.
Source: fanshouheng/makeup-match-prototype on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.