メニュー
Build, serve, and validate reveal.js presentations for gludd. Covers deck structure, diagram creation, stats injection, honesty linting, and GitHub Pages deployment. Use when creating or updating project presentations.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/sandboxcom/gludd --skill revealjs-presentationコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Use when working with recipes, cooking, nutrition, food science, meal planning, ingredient substitutions, food expiration/storage, flavor pairing, or dietary constraints. Covers nutritional data, flavor profiles, spice combinations, food safety, storage guidelines, and recipe generation from available ingredients. Trigger keywords include recipe, cooking, nutrition, chef, culinary, meal, ingredient, food, spice, flavor, dietary, calories, macros, protein, cook, bake, kitchen, pantry, menu, dish, cuisine, expiration, perishable, substitute, substitution, taste, palette, umami, sweet, sour, bitter, salty, and savory.
Use when working with electronic design, circuit analysis, PCB layout, SPICE simulation, BOM management, component selection, signal integrity, power electronics, embedded systems hardware, or any electronics engineering concern. Covers analog/digital circuit design, simulation, PCB manufacturing, component sourcing, and industry standards. Trigger keywords include electronics, circuit, PCB, SPICE, BOM, schematic, KiCad, Eagle, Altium, LTspice, ngspice, resistor, capacitor, inductor, transistor, MOSFET, op-amp, microcontroller, FPGA, signal integrity, EMI, power supply, voltage, current, impedance, Gerber, pick-and-place, footprint, datasheet, component, soldering, reflow, and oscilloscope.
Use when writing, debugging, reviewing, or discussing Go code, goroutines, channels, Go modules, gRPC, Go tooling, profiling, or any Go ecosystem concern. Covers concurrency, standard library, testing, performance, security, cryptography, frameworks, project layout, platform-specific builds, cgo, and common pitfalls. Trigger keywords include Go, golang, goroutine, channel, go mod, go build, go test, go vet, gRPC, protobuf, delve, pprof, TinyGo, cgo, net/http, Go module, GOPATH, GOOS, and GOARCH.
SOC 職業分類に基づく
SKILL.md を表示中
| name | revealjs-presentation |
| description | Build, serve, and validate reveal.js presentations for gludd. Covers deck structure, diagram creation, stats injection, honesty linting, and GitHub Pages deployment. Use when creating or updating project presentations. |
docs/presentation/deck/index.html (reveal.js 5.1.0, CDN-loaded)docs/presentation/deck-data.json (auto-generated from README status table)scripts/build_deck.py (regenerates data + lints)make deck-serve (http://localhost:8080/).github/workflows/pages.yml (GitHub Pages)docs/presentation/deck/index.html directly (reveal.js HTML)<section> tags for slides; data-vertical for vertical slides<style> blockmake deck-data — outputs JSON with feature counts, test counts, versionmake deck — regenerates deck-data.json + runs honesty lint<div class="mermaid">...</div> — renders in-browser via the reveal.js mermaid plugin, no binary artifacts to stage.svg files in docs/presentation/deck/assets/ and reference via <img src="assets/diagram.svg">README.md:188-221 (ASCII) — port to MermaidNEVER create SVG/PNG binary artifacts when Mermaid can express the diagram. Text-based diagrams are versionable, diffable, and render without staging files.
Add this to <head> in docs/presentation/deck/index.html (after reveal.js):
<script src="https://cdn.jsdelivr.net/npm/reveal.js@5.1.0/dist/reveal.js"></script>
<!-- Mermaid plugin for reveal.js (correct CDN path) -->
<script src="https://cdn.jsdelivr.net/npm/reveal.js-mermaid-plugin@2.1.0/plugin/mermaid/mermaid.js"></script>
<script>
mermaid.initialize({ startOnLoad: false });
Reveal.initialize({
plugins: [RevealMermaid],
});
</script>
IMPORTANT: The CDN path MUST include plugin/ — reveal.js-mermaid-plugin@2.1.0/plugin/mermaid/mermaid.js — NOT reveal.js-mermaid-plugin@2.1.0/mermaid/mermaid.js. The shorter path without plugin/ is a 404.
<div class="mermaid">
graph TD
User[User / CLI] --> Daemon[Daemon: FastAPI]
Daemon --> Loop[Event Loop]
Loop --> Dispatcher[Dispatcher]
Dispatcher --> Worker[Worker: uvicorn]
Worker --> Model[Model Provider]
Worker --> Ansible[Ansible Runner]
Ansible --> Repo[(Git Repo)]
</div>
<div class="mermaid">
graph LR
Claim[Claim todo] --> Dispatch[Dispatch to worker]
Dispatch --> Review[Review result]
Review --> Reconcile[Reconcile / commit]
Reconcile -.->|next todo| Claim
</div>
<div class="mermaid">
graph TD
subgraph "Layer 1 — Config"
Perm[opencode.json permission rules]
end
subgraph "Layer 2 — Plugin"
Hook[".opencode/plugin/*.ts hooks"]
end
subgraph "Layer 3 — Prompt"
Agents[AGENTS.md policy sections]
end
Perm --> Hook --> Agents
</div>
Reusable Mermaid templates — copy and edit node/edge labels.
graph TD)<div class="mermaid">
graph TD
A[Component A] --> B[Component B]
B --> C[Component C]
C --> D[(Data Store)]
A -.->|async| E[Sidecar]
</div>
graph LR or stateDiagram)<div class="mermaid">
stateDiagram-v2
[*] --> Pending
Pending --> Claimed: daemon claims
Claimed --> Running: dispatched
Running --> Reviewed: worker done
Reviewed --> Committed: review pass
Committed --> [*]
Running --> Failed: error
Failed --> Pending: retry
</div>
stateDiagram-v2 when phases have transitions/guards.graph LR for a simple linear pipeline.graph TD, stacked)<div class="mermaid">
graph TD
subgraph Outer[Outer layer — Config]
direction TB
C1[permission rule]
end
subgraph Middle[Middle layer — Plugin]
direction TB
P1[pretool hook]
end
subgraph Inner[Inner layer — Prompt]
direction TB
A1[AGENTS.md section]
end
Outer --> Middle --> Inner
</div>
sequenceDiagram for request flows)<div class="mermaid">
sequenceDiagram
participant U as User
participant D as Daemon
participant W as Worker
participant G as Git
U->>D: POST /todos
D->>W: dispatch(todo)
W->>G: clone + edit + commit
G-->>W: commit sha
W-->>D: result + sha
D-->>U: todo status
</div>
->> solid = request; -->> dotted = response.make deck-honesty — checks for banned marketing tokensmake deck-data or make gate output)make deck-serve — serves at http://localhost:8080/docs/presentation/deck/.github/workflows/pages.yml auto-deploysmake deck-data (not hardcoded)docs/presentation/
deck/
index.html # main reveal.js deck
assets/
architecture.svg # system architecture diagram
event-loop.svg # event loop flow diagram
security.svg # 3-layer security model
stats.json # auto-generated stats
deck-data.json # auto-generated feature data
scripts/
build_deck.py # build script
ascii_to_svg.py # ASCII → SVG converter (if created)
DESIGN_revealjs_deck.md
BUILD_TASK_LIST.md
pyproject.tomlmake deck-data before editing stats slides<pre> tags or convert to SVG; don't rely on HTML entities