Home / black-yt / skills · wave-mosaic-web-theme/SKILL.md · GitHub

wave-mosaic-web-theme skillA

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

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns 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

Latest version
mdr add black-yt/skills/wave-mosaic-web-theme@git:20260629.23d88bc
Exact content
mdr add black-yt/skills/wave-mosaic-web-theme@sha256:10494dcbb7a15587

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

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

1 badge views in 30 days

Versions

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. Deterministic, no model, 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 · 13 stars · license none · pushed 2026-09-22 · 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 agent 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.

More from black-yt/skills

AGENTS.md agents
black-yt/skills · AGENTS.md
git:20260804.1ce2bfe · audit B · 13 stars
agents-md-maintenance skill
black-yt/skills · agents-md-maintenance/SKILL.md · 当需要创建、整理、拆分或维护仓库中的 AGENTS.md、CLAUDE.md 或同类默认加载 agent 操作指南时使用;覆盖常驻上下文边界、*.local/ 按需拆分、公开/私有跟踪策略、同步校验和安全编辑。
git:20260803.6c56440 · audit A · 13 stars
ai-conference-paper-writing skill
black-yt/skills · ai-conference-paper-writing/SKILL.md · 当需要撰写、重构或打磨 AI conference paper 时使用;覆盖 research story、章节结构、图表实验布局、引用、case study、术语体系和可复现评测,重点把工作包装成清晰的问题、能力缺口和论证闭环。
git:20260611.295e62a · audit A · 13 stars
browser-render-visualization skill
black-yt/skills · browser-render-visualization/SKILL.md · 当需要用 Playwright 渲染网页前端、GitHub Pages、本地静态页面、Canvas 或 Three.js 页面并保存桌面/移动端截图、检查空白渲染、布局溢出和浏览器报错时使用。
git:20260605.e763408 · audit B · 13 stars
codex-history-sync skill
black-yt/skills · codex-history-sync/SKILL.md · 当需要把一个 CODEX_HOME/.codex 中的 Codex 会话记录、history.jsonl、sessions 和 thread title 元数据单向同步到另一个用户或目录下的 .codex 时使用;强调…
git:20260701.f15c195 · audit A · 13 stars
context-overlay 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 · 13 stars
docx-splitting skill
black-yt/skills · docx-splitting/SKILL.md · 当需要在 Windows + Microsoft Word 环境中按页拆分 .docx 文件并尽量保留原始格式、图片、表格和分页效果时使用。
git:20260509.cdf62b1 · audit A · 13 stars
feishu-bot skill
black-yt/skills · feishu-bot/SKILL.md · 当需要创建、配置、调用或排查飞书/Lark 机器人时使用;覆盖自定义机器人 webhook 单向群通知、签名校验、消息格式、错误码,以及应用机器人收发消息、tenant_access_token、权限、事件订阅、卡片交互和资源上传。
git:20260613.d8ec3ec · audit A · 13 stars
frontend-markdown-rendering skill
black-yt/skills · frontend-markdown-rendering/SKILL.md · 当需要在前端把最终 assistant 文本渲染为 Markdown,同时保留工具过程为纯文本/JSON,并支持表格、代码块、图片、KaTeX 公式、Mermaid 图和 workspace 本地图片安全访问时使用。
git:20260605.e763408 · audit B · 13 stars
github-readme-writing skill
black-yt/skills · github-readme-writing/SKILL.md · 当需要为 GitHub 项目创建、重构或审阅高质量 README.md 时使用;参考 ResearchClawBench 风格,覆盖居中标题、徽章、导航、teaser、highlights、news、Mermaid、GitHub…
git:20260611.295e62a · audit A · 13 stars
huggingface-dataset-publishing skill
black-yt/skills · huggingface-dataset-publishing/SKILL.md · 当需要创建、上传、验证和维护 Hugging Face Dataset 时使用,尤其是包含图片、多图字段、文本步骤、答案、JSON/metadata 字段的数据集;包括 datasets Features/Image/Sequence…
git:20260605.e763408 · audit A · 13 stars
lab-cluster-1-web-portal skill
black-yt/skills · lab-cluster-1-web-portal/SKILL.md · 当需要访问、登录、自动化查询或排查 lab-cluster-1 的 h.pjlab.org.cn 集群管理网站时使用;覆盖浏览器/OIDC 登录、h.pjlab.org.cn/kapi/auth endpoint、凭据和 token…
git:20260613.2b94c80 · audit A · 13 stars

Every file in black-yt/skills

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