wave-mosaic-web-theme SKILL.md skillA

wave-mosaic-web-theme from black-yt/skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add black-yt/skills/wave-mosaic-web-theme@git:20260629.23d88bc

Pins git:20260629.23d88bc in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
black-yt/skills
Path
wave-mosaic-web-theme/SKILL.md
Versions recorded
4
Latest version
git:20260629.23d88bc, committed Jun 29, 2026
First version recorded
Jun 3, 2026
Size
7,497 bytes
Repository stars
16
License
none declared

当需要为网页复刻 black-yt 风格的高级前端主题时使用;覆盖 canvas wave-mosaic 动态方块背景、Pure White/Warm Yellow/Cool Blue/Dark 四种背景颜色切换、Space Grotesk 字体、CSS 变量、floating background dots、顶部圆角导航栏、论文筛选滑块、卡片/表格/按钮主题化和性能细节。.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Wave Mosaic Web Theme

## 设计来源

- 核心视觉和源头设计参考 [black-yt/black-yt.github.io](https://github.com/black-yt/black-yt.github.io)。
- 这个 skill 记录的是当前可复用的设计模式和实现骨架;源站后续可能继续演进,复刻时应保留动态方块背景、4 种背景颜色切换、`Space Grotesk` 字体和轻量透明卡片质感这些核心特征,再按目标页面的信息架构做适配。

## 文件导航

| 序号 | 文件内容概览 | 关键词 | 触发时机 | 文件路径 |
| --- | --- | --- | --- | --- |
| 1 | 说明 Wave Mosaic 主题的视觉目标和约束,覆盖固定全屏 canvas 动态方块、4 种背景颜色、CSS 变量、Space Grotesk 字体、透明卡片、低噪声 hover/glow 和性能参数。 | wave mosaic、canvas background、dynamic tiles、4 backgrounds、CSS variables、Space Grotesk、theme switcher、transparent cards、hover glow、performance、24fps、mosaic grid | 触发本 skill 后默认读取;设计页面视觉方向前;判断是否需要 canvas 背景或 4 色切换前;调整动态方块参数、字体、透明质感或组件风格前读取 | `SKILL.md` |
| 2 | 提供可直接复刻的 HTML/CSS/JS 实现,包含 `<head>` 字体和 favicon、固定 canvas、主题按钮、`data-theme` 切换、CSS 变量、背景绘制脚本和页面结构骨架。 | HTML、CSS、JavaScript、`<head>`、favicon、Google Fonts、`#wave-canvas`、`data-theme`、theme dots、canvas draw loop、responsive、copyable template | 需要生成完整页面文件前;复刻一模一样的背景和主题切换前;迁移到 GitHub Pages 前;检查 favicon/字体/canvas/主题按钮是否缺失时必须读取 | [references/theme-implementation.md](references/theme-implementation.md) |
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add black-yt/skills/wave-mosaic-web-theme@sha256:10494dcbb7a15587

The line at the top of this page pins the label git:20260629.23d88bc, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_riuwkxhfup55jgyt.svg)](https://markdownregistry.com/a/art_riuwkxhfup55jgyt)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 4 versions of this file, between Jun 3, 2026 and Jun 29, 2026, about one every 9 days.

versioncommittedcommitsizeaudit
git:20260629.23d88bc latest2026-06-29 23d88bc 7,497 BA view · diff
git:20260611.295e62a2026-06-11 295e62a 5,927 BA view · diff
git:20260611.94de7a52026-06-11 94de7a5 5,332 BA view · diff
git:20260603.08d7caa2026-06-03 08d7caa 4,585 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (7497 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

black-yt/skills · 16 stars · license none declared · pushed 2026-11-05 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_riuwkxhfup55jgyt
GET https://markdownregistry.com/api/v1/resolve?ref=black-yt/skills/wave-mosaic-web-theme
GET https://markdownregistry.com/api/v1/blob/10494dcbb7a15587148403b3bbe99cb0637ce4fc72b76a7a0da56b31fc21d8a2

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from black-yt/skills

AGENTS.md AGENTS.md file
black-yt/skills · AGENTS.md
git:20260804.1ce2bfe · audit B · 16 stars
agent-orchestration SKILL.md skill
black-yt/skills · agent-orchestration/SKILL.md · 当任务包含大量相似工作、长时间管线或需要并行陪跑与异常修复时,组织主 Codex、原生子 agent 或 Claude Code/Atria 中层监督者,以及确定性底层执行者;控制权限、资源、证据和接管边界。
git:20261016.9ee6ddd · audit A · 16 stars
agents-md-maintenance SKILL.md skill
black-yt/skills · agents-md-maintenance/SKILL.md · 当需要创建、整理、拆分或维护仓库中的 AGENTS.md、CLAUDE.md 或同类默认加载 agent 操作指南时使用;覆盖常驻上下文边界、*.local/ 按需拆分、公开/私有跟踪策略、同步校验和安全编辑。
git:20260803.6c56440 · audit A · 16 stars
ai-conference-paper-writing SKILL.md skill
black-yt/skills · ai-conference-paper-writing/SKILL.md · 当需要撰写、重构或打磨 AI conference paper,或从通用 LaTeX 技术报告模板开始写论文时使用;覆盖 research story、章节结构、图表实验布局、引用、case study 和可复现评测。
git:20261027.fc8e805 · audit A · 16 stars
bilibili-video-download SKILL.md skill
black-yt/skills · bilibili-video-download/SKILL.md · 当用户要下载哔哩哔哩普通 BV 投稿视频为 MP4、选择画质或分 P,或将其音频导出为 MP3 时使用;提供完整的标准库 Python 下载脚本、ffmpeg 安装与调用步骤、登录态处理和结果验证。
git:20261022.f462695 · audit A · 16 stars
browser-render-visualization SKILL.md skill
black-yt/skills · browser-render-visualization/SKILL.md · 当需要用 Playwright 渲染网页前端、GitHub Pages、本地静态页面、Canvas 或 Three.js 页面并保存桌面/移动端截图、检查空白渲染、布局溢出和浏览器报错时使用。
git:20260605.e763408 · audit B · 16 stars
cloudflare-flux-image-generation SKILL.md skill
black-yt/skills · cloudflare-flux-image-generation/SKILL.md · 使用 Cloudflare Workers AI 的 FLUX.1 schnell 免费额度按文字生成 JPEG 图片时使用;覆盖账号注册、Workers AI API Token、Python 标准库脚本调用、额度核算和故障排查。
git:20261023.26b4d66 · audit A · 16 stars
codex-app-troubleshooting SKILL.md skill
black-yt/skills · codex-app-troubleshooting/SKILL.md · 排查 Codex App 登录、更新中断、WSL 后端、CLI 定位、项目迁移、MCP 和代理故障,保护 provider、活动对话与历史;也覆盖用户明确涉及的 CC Switch、Claude Code 代理迁移、Gemini CLI…
git:20261104.2f62771 · audit A · 16 stars
codex-history-sync SKILL.md skill
black-yt/skills · codex-history-sync/SKILL.md · 当需要把一个 CODEX_HOME/.codex 中的 Codex 会话记录、history.jsonl、sessions 和 thread title 元数据单向同步到另一个用户或目录下的 .codex 时使用;强调…
git:20260701.f15c195 · audit A · 16 stars
context-overlay SKILL.md skill
black-yt/skills · context-overlay/SKILL.md · Use when configuring or debugging the context-overlay OpenAI-compatible proxy for deterministic prompt/context…
git:20260713.9b7b32b · audit B · 16 stars
docx-splitting SKILL.md skill
black-yt/skills · docx-splitting/SKILL.md · 当需要在 Windows + Microsoft Word 环境中按页拆分 .docx 文件并尽量保留原始格式、图片、表格和分页效果时使用。
git:20260509.cdf62b1 · audit A · 16 stars
feishu-bot SKILL.md skill
black-yt/skills · feishu-bot/SKILL.md · 当需要创建、配置、调用或排查飞书/Lark 机器人时使用;覆盖自定义机器人 webhook 单向群通知、签名校验、消息格式、错误码,以及应用机器人收发消息、tenant_access_token、权限、事件订阅、卡片交互和资源上传。
git:20260613.d8ec3ec · audit A · 16 stars

Every file in black-yt/skills

Browse by kind, by grade A, or by owner.