Build MindNode-inspired mind mapping interfaces — 8 node shapes, 27+ themes, layout algorithms (horizontal, vertical, radial with D3), keyboard shortcuts, focus mode, dual view. React + xyflow/react v12 + Zustand + Tailwind. Triggers on mind map, visual thinking tool, node-based diagram, brainstorm canvas, MindNode.
インストール方法を見るインストールする前に、エージェントに与えられる指示の中身を確認できます。
Build mind mapping interfaces inspired by MindNode — the Apple-native visual thinking app by IdeasOnCanvas GmbH. This skill encodes MindNode's design system, interaction model, and layout algorithms, adapted for React + ReactFlow + Zustand + Tailwind CSS 3.
| Shape | Key | Use Case |
|---|---|---|
| Rounded | Default | General ideas |
| Rectangle | Structured | Facts, definitions |
| Pill | Stadium | Tags, labels |
| Cloud | Organic | Brainstorms |
| Line | Minimal | Subtitles |
| Embedded | Inset | References |
| Hexagon | Process | Decision points |
| Octagon | Warning | Critical items |
| Action | Mac | Description |
|---|---|---|
| New child | Tab | Add child to selected node |
| New sibling | Return | Add sibling after selected |
| New main | Shift+Return | Add root-level branch |
| Edit title | Cmd+Return | Enter contentEditable mode |
| Navigate | Arrow keys | Move between nodes |
| Fold/unfold | Option+. | Toggle subtree visibility |
| Cross-link | Cmd+L | Connect non-adjacent nodes |
| Mind map view | Cmd+1 | Switch to canvas view |
| Outline view | Cmd+2 | Switch to list view |
| Delete | Backspace | Remove node, re-parent children |
| Type | Behavior | Example |
|---|---|---|
| Dynamic | Auto light/dark adaptation | Elegant, Fresh |
| Static | Fixed colors | Rainbow, Goth Pastel, Twilight |
| Personal | Extracted from current document | User-defined |
| Direction | Root Position | Tree Expands |
|---|---|---|
| Horizontal | Left | Rightward (default) |
| Vertical | Top | Downward |
| Compact | Center | Outward (dense) |
| Radial | Center | All directions (polar) |
Load these on demand based on what aspect of MindNode UI is needed.
| When working on... | Load |
|---|---|
| Color palette, typography, visual language, Apple aesthetic | references/design-system.md |
| Node shapes, SVG paths, contentEditable, Node Well | references/node-types.md |
| Dynamic/static themes, per-level colors, theme gallery | references/themes.md |
| Tree layout, D3 radial, auto-arrange, flexible positioning | references/layout-algorithms.md |
| Keyboard shortcuts, focus mode, drag, outline sync | references/interaction-patterns.md |
| Dual view (mind map + outline), canvas, connections, export | references/canvas-and-views.md |
| ReactFlow custom nodes/edges, Zustand store, performance | references/reactflow-integration.md |
| Porting to Project Pilot specifically | references/project-pilot-porting.md |
The plus button appearing on hover/selection that creates a child node. This is MindNode's signature interaction — not a toolbar, not a menu, but a contextual affordance on each node.
→ See references/node-types.md for implementation details.
Compute tree positions with d3.tree(), then transform to polar coordinates:
x = radius × cos(angle − π/2)
y = radius × sin(angle − π/2)
→ See references/layout-algorithms.md for full algorithm with code.
Each theme defines colors per depth level: root (prominent), level 1 (branch colors, cycled from palette), level 2+ (progressively softer). Branch children inherit their parent's color family.
→ See references/themes.md for theme data structures and CSS generation.
Mind map and outline views share a single data model. Changes in either view propagate immediately. Selection state syncs bidirectionally.
→ See references/canvas-and-views.md for architecture and data model.
This skill assumes:
var(--color-*))d3-hierarchy, d3-shape) for tree layout computationFor Project Pilot–specific adaptation, see references/project-pilot-porting.md.
まだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
Search academic papers, build literature reviews, and synthesize research findings — combines Exa MCP (research_paper category, arxiv filtering) with arxiv-mcp-server for paper discovery, download, and deep analysis. Triggers on academic paper, literature review, research synthesis, arxiv, find papers, scholarly search.
日本語の概要は準備中です。原文の説明を表示しています。
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
日本語の概要は準備中です。原文の説明を表示しています。
This skill should be used when creating, auditing, or maintaining AGENTS.md files and Codex CLI configuration for any project—including initializing AGENTS.md for cross-agent compatibility (Codex, Cursor, Copilot, Devin, Jules, Amp, Gemini CLI), generating config.toml or .rules files, scaffolding .agents/skills/, converting CLAUDE.md to AGENTS.md, or auditing existing agent configs for bloat and staleness. Complementary to codex-orchestrator (which executes subagents; this skill creates the config files they consume).
日本語の概要は準備中です。原文の説明を表示しています。
Academic research skill for Biblical Hebrew, Semitic linguistics, cuneiform studies, and comparative Ancient Near Eastern research. Provides Sefaria API for Hebrew Bible, CDLI/ORACC for cuneiform databases, and web discovery via Omnisearch, Exa, Firecrawl, and Obscura for finding scholarly sources across JSTOR, Perseus, Persée, Google Scholar, and academia.edu. Triggers on Hebrew quotes, cuneiform, Sefaria, ANE research, Minoan, search for scholarship, find papers, literature review, scholarly search, academic search, Genesis/Tehom, Ugaritic, Talmudic sources, extract from PDF, OCR academic.
日本語の概要は準備中です。原文の説明を表示しています。
Build comprehensive ARCHITECTURE.md files following matklad's canonical guidelines — bird's-eye views, ASCII/Mermaid diagrams, codemaps, invariants, and layer boundaries. Triggers on document the architecture, create ARCHITECTURE.md, map this codebase, architectural overview.
日本語の概要は準備中です。原文の説明を表示しています。
Generate physically-based atmospheric scattering shaders — sky domes, planetary atmospheres, LUT-optimized pipelines, depth-aware post-processing. Four modes — sky-dome, atmosphere-post, planet, lut. Triggers on atmospheric scattering, sky shader, sunset rendering, planet atmosphere, Rayleigh scattering, Mie scattering, volumetric sky, sky dome, atmosphere post-processing, aerial perspective, transmittance LUT, sky rendering, realistic sky, planetary rendering.
日本語の概要は準備中です。原文の説明を表示しています。