一键在 Manus 中运行任何 Skill

shine

星标27

分支2

更新时间2026年7月1日 22:11

Create a self-contained interactive technical explanation (single HTML file with D3 v7, no build tools) inspired by Distill.pub. Use when the user wants to author, draft, or scaffold an explainer, interactive article, or visual essay about a technical concept. Invoked as `$shine` or `$shine <topic>`.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

enjalot

enjalot/moonshine

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

Shine — Create an Interactive Explanation

Use this skill to start a new moonshine explanation. The user invokes it as $shine or $shine <topic> (anything after $shine is the starting topic; treat an empty topic as "start from scratch").

Workflow

Load the moonshine skill first. Read ../moonshine/SKILL.md and follow its full workflow — story discovery is mandatory and comes before any code.
Reference files live next to the moonshine skill:
- ../moonshine/ARTICLE.md — single-file HTML scaffold, CSS foundation, layout patterns, series structure.
- ../moonshine/VISUALS.md — D3 v7 visualization patterns, interaction, rendering decisions, iteration loop.
Output location. Write the project to ~/.agent/moonshine/<kebab-case-project-name>/ as a self-contained index.html plus an optional data/ directory. Vanilla JS + D3 v7 only. No build tools, no frameworks.
Story discovery is the gate. Do not skip to code. Ask the user about concept, audience, key insight, and progression of understanding, then checkpoint with "Here's what I think we're building..." before scaffolding.
Iterate. Start with prose and static figures; add interaction only where it genuinely helps the reader.

Notes

This skill is the single shine entry point in every harness; Claude Code surfaces it as /moonshine:shine.
For the structured Vite + React + Velite project flavor (multi-file content, markdown directives, React figures, in-place editing, authorship feedback), use $still instead. When the user hasn't picked a substrate, SKILL.md § "Two Substrates" makes still the default.

同仓库更多 Skills

同仓库

moonshine

enjalot/moonshine

Help users create interactive explanations of technical concepts, inspired by Distill.pub

2026-07-0127

moonshine-listen

enjalot/moonshine

Listen for moonshine authorship feedback and address comments on an interval. Invoke when the author asks you to watch for feedback from the article HUD, or when prompted to start the listener. Best run under /loop (e.g. `/loop $moonshine-listen`) so it keeps ticking while the session is idle.

2026-07-0127

still

enjalot/moonshine

Scaffold an opinionated Vite + React + Velite project for a moonshine article — markdown prose with custom React figures, hot-reloading, single-article or series mode. Use when the user wants a structured multi-file interactive explanation rather than a single self-contained HTML file. Invoked as `$still` or `$still <topic>`.

2026-07-0127

name	shine
description	Create a self-contained interactive technical explanation (single HTML file with D3 v7, no build tools) inspired by Distill.pub. Use when the user wants to author, draft, or scaffold an explainer, interactive article, or visual essay about a technical concept. Invoked as `$shine` or `$shine <topic>`.

Shine — Create an Interactive Explanation

Use this skill to start a new moonshine explanation. The user invokes it as $shine or $shine <topic> (anything after $shine is the starting topic; treat an empty topic as "start from scratch").

Workflow

Load the moonshine skill first. Read ../moonshine/SKILL.md and follow its full workflow — story discovery is mandatory and comes before any code.
Reference files live next to the moonshine skill:
- ../moonshine/ARTICLE.md — single-file HTML scaffold, CSS foundation, layout patterns, series structure.
- ../moonshine/VISUALS.md — D3 v7 visualization patterns, interaction, rendering decisions, iteration loop.
Output location. Write the project to ~/.agent/moonshine/<kebab-case-project-name>/ as a self-contained index.html plus an optional data/ directory. Vanilla JS + D3 v7 only. No build tools, no frameworks.
Story discovery is the gate. Do not skip to code. Ask the user about concept, audience, key insight, and progression of understanding, then checkpoint with "Here's what I think we're building..." before scaffolding.
Iterate. Start with prose and static figures; add interaction only where it genuinely helps the reader.

Notes

This skill is the single shine entry point in every harness; Claude Code surfaces it as /moonshine:shine.
For the structured Vite + React + Velite project flavor (multi-file content, markdown directives, React figures, in-place editing, authorship feedback), use $still instead. When the user hasn't picked a substrate, SKILL.md § "Two Substrates" makes still the default.