AI Agent Skills

Build an outdoor learning presentation around photography, blue skies and sage green accents. Suitable for introducing field programs, activities and educational projects.

Create a dark HTML landing page that presents a software product through motion and a clear call to action. Useful for turning a product brief into a focused marketing page.

Explain a topic through a presentation that combines sky photography with translucent content cards. Useful for visual briefings with a calm, spacious atmosphere.

Organize articles and photographs into an editorial HTML site with layered, rotated cards. Useful for portfolios, independent magazines and collections of visual stories.

Connect interface scenes through movement with matching speed. Useful for a short product introduction that feels like one continuous camera move.

Keep a large headline fixed while the presenter leaves the frame, creating a strong transition from a speaker to the message.

Pair a screen demonstration with checklist items that complete at chosen timestamps. Prepare your recording and action times for the sequence.

Condense a lesson or process into an illustrated note with a clear reading order. Choose one central idea and a small set of supporting labels.

GPU-accelerated force graph layout and rendering

high-performance graph database for real-time use cases

relation-graph is an relationship graph component for React/Vue/Svelte relationship data visualization/edit. Through its slot-based customization model, users can fully…

AI Powered Knowledge Graph Generator

🕸 WebGL Graph Visualizations for React. Maintained by @goodcodeus.

High-performance open-source in-memory graph database for GraphRAG, AI memory, agentic AI, and real-time graph analytics. Cypher-compatible, built in C++.

3D force-directed graph component using ThreeJS/WebGL

Pre-indexed code knowledge graph for Claude Code, Codex, Gemini, Cursor, OpenCode, AntiGravity, Kiro, and Hermes Agent — fewer tokens, fewer tool calls, 100% local