# mengto/skills architecture

> Architecture diagram of the GitHub repository mengto/skills, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-25). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/mengto/skills
- Repository: https://github.com/mengto/skills

## Overview

Agent Skills is a portable library of Markdown playbooks that designers and builders load into coding agents. The main workflow is to choose a skill for a task, follow its steps and linked references, and produce prompts, captured references, or implementation guidance for building interfaces and games. The README highlights a reference-to-prompt workflow as well as separate 3D, game-development, UI, and media capabilities. Most skills are represented by their documented directory paths; sampled source only supports details for the specific helper scripts and scroll conductor shown.

Main entry points: [`agent-skills/codex/daily-ui-inspiration-capture/SKILL.md`](https://github.com/mengto/skills/blob/main/agent-skills/codex/daily-ui-inspiration-capture/SKILL.md) (Daily inspiration loop), [`agent-skills/codex/video-to-superprompt/SKILL.md`](https://github.com/mengto/skills/blob/main/agent-skills/codex/video-to-superprompt/SKILL.md) (Video to prompt), [`agent-skills/codex/html-to-interaction-prompts/SKILL.md`](https://github.com/mengto/skills/blob/main/agent-skills/codex/html-to-interaction-prompts/SKILL.md) (HTML interaction prompts), [`agent-skills/codex/stitched-full-page-capture/SKILL.md`](https://github.com/mengto/skills/blob/main/agent-skills/codex/stitched-full-page-capture/SKILL.md) (Full-page capture)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_codex["Codex workflows"]
  node_video["Video to prompt<br/>[SKILL.md]"]
  node_html["HTML interaction prompts<br/>[SKILL.md]"]
  node_capture["Full-page capture<br/>[SKILL.md]"]
  node_inspiration["Daily inspiration loop<br/>[SKILL.md]"]
  node_audit["Reference originality audit<br/>[SKILL.md]"]
  node_voice["Voice generation<br/>[SKILL.md]"]
end

subgraph group_web["Web design"]
  node_webskills["Web design playbooks"]
  node_scrollworld["Scroll-driven 3D worlds"]
  node_cursortrail["Shader cursor effects"]
end

subgraph group_games["Game development"]
  node_gameskills["Game development playbooks"]
  node_riggedassets["Rigged game assets"]
end

subgraph group_render["3D rendering"]
  node_render3d["3D rendering playbooks"]
  node_water["Realistic water<br/>[SKILL.md]"]
end

node_builder(("Designer or builder"))
node_agent(("Coding agent"))
node_promptpacks["Reusable prompt packs"]
node_implementation["UI or game implementation"]
node_references["Visual references"]

node_builder -->|"requests work"| node_agent
node_agent -->|"loads skill"| node_video
node_agent -->|"loads skill"| node_html
node_agent -->|"loads skill"| node_capture
node_agent -->|"loads skill"| node_inspiration
node_agent -->|"loads skill"| node_audit
node_agent -->|"loads skill"| node_voice
node_agent -->|"loads skill"| node_webskills
node_agent -->|"loads skill"| node_scrollworld
node_agent -->|"loads skill"| node_cursortrail
node_agent -->|"loads skill"| node_gameskills
node_agent -->|"loads skill"| node_riggedassets
node_agent -->|"loads skill"| node_render3d
node_agent -->|"loads skill"| node_water
node_video -->|"creates prompts"| node_promptpacks
node_html -->|"creates prompts"| node_promptpacks
node_capture -->|"captures page"| node_references
node_inspiration -->|"studies references"| node_references
node_inspiration -->|"generates prompts"| node_promptpacks
node_audit -->|"compares references"| node_references
node_promptpacks -->|"guides building"| node_implementation
node_webskills -->|"guides building"| node_implementation
node_scrollworld -->|"guides building"| node_implementation
node_cursortrail -->|"guides building"| node_implementation
node_gameskills -->|"guides building"| node_implementation
node_riggedassets -->|"guides building"| node_implementation
node_render3d -->|"guides building"| node_implementation
node_water -->|"guides building"| node_implementation
node_voice -.->|"generates voice assets"| node_implementation

click node_video "https://github.com/mengto/skills/blob/main/agent-skills/codex/video-to-superprompt/SKILL.md"
click node_html "https://github.com/mengto/skills/blob/main/agent-skills/codex/html-to-interaction-prompts/SKILL.md"
click node_capture "https://github.com/mengto/skills/blob/main/agent-skills/codex/stitched-full-page-capture/SKILL.md"
click node_inspiration "https://github.com/mengto/skills/blob/main/agent-skills/codex/daily-ui-inspiration-capture/SKILL.md"
click node_audit "https://github.com/mengto/skills/blob/main/agent-skills/codex/audit-reference-originality/SKILL.md"
click node_voice "https://github.com/mengto/skills/blob/main/agent-skills/codex/elevenlabs-tts/SKILL.md"
click node_webskills "https://github.com/mengto/skills/tree/main/agent-skills/web-design"
click node_scrollworld "https://github.com/mengto/skills/tree/main/agent-skills/web-design/build-threejs-scroll-worlds"
click node_cursortrail "https://github.com/mengto/skills/tree/main/agent-skills/web-design/add-shader-cursor-trail"
click node_gameskills "https://github.com/mengto/skills/tree/main/agent-skills/game-development"
click node_riggedassets "https://github.com/mengto/skills/tree/main/agent-skills/game-development/build-rigged-game-assets"
click node_render3d "https://github.com/mengto/skills/tree/main/agent-skills/3d"
click node_water "https://github.com/mengto/skills/blob/main/agent-skills/3d/3d-ultra-realistic-water/SKILL.md"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_video,node_html,node_capture,node_inspiration,node_audit,node_voice,node_implementation toneBlue
class node_webskills,node_scrollworld,node_cursortrail toneAmber
class node_gameskills,node_riggedassets toneMint
class node_render3d,node_water toneRose
class node_builder,node_agent,node_promptpacks,node_references toneIndigo
```

## Components

### Codex workflows

- [Video to prompt](https://github.com/mengto/skills/blob/main/agent-skills/codex/video-to-superprompt/SKILL.md): `agent-skills/codex/video-to-superprompt/SKILL.md`
- [HTML interaction prompts](https://github.com/mengto/skills/blob/main/agent-skills/codex/html-to-interaction-prompts/SKILL.md): `agent-skills/codex/html-to-interaction-prompts/SKILL.md`
- [Full-page capture](https://github.com/mengto/skills/blob/main/agent-skills/codex/stitched-full-page-capture/SKILL.md): `agent-skills/codex/stitched-full-page-capture/SKILL.md`
- [Daily inspiration loop](https://github.com/mengto/skills/blob/main/agent-skills/codex/daily-ui-inspiration-capture/SKILL.md): `agent-skills/codex/daily-ui-inspiration-capture/SKILL.md`
- [Reference originality audit](https://github.com/mengto/skills/blob/main/agent-skills/codex/audit-reference-originality/SKILL.md): `agent-skills/codex/audit-reference-originality/SKILL.md`
- [Voice generation](https://github.com/mengto/skills/blob/main/agent-skills/codex/elevenlabs-tts/SKILL.md): `agent-skills/codex/elevenlabs-tts/SKILL.md`

### Web design

- [Web design playbooks](https://github.com/mengto/skills/tree/main/agent-skills/web-design): `agent-skills/web-design`
- [Scroll-driven 3D worlds](https://github.com/mengto/skills/tree/main/agent-skills/web-design/build-threejs-scroll-worlds): `agent-skills/web-design/build-threejs-scroll-worlds`
- [Shader cursor effects](https://github.com/mengto/skills/tree/main/agent-skills/web-design/add-shader-cursor-trail): `agent-skills/web-design/add-shader-cursor-trail`

### Game development

- [Game development playbooks](https://github.com/mengto/skills/tree/main/agent-skills/game-development): `agent-skills/game-development`
- [Rigged game assets](https://github.com/mengto/skills/tree/main/agent-skills/game-development/build-rigged-game-assets): `agent-skills/game-development/build-rigged-game-assets`

### 3D rendering

- [3D rendering playbooks](https://github.com/mengto/skills/tree/main/agent-skills/3d): `agent-skills/3d`
- [Realistic water](https://github.com/mengto/skills/blob/main/agent-skills/3d/3d-ultra-realistic-water/SKILL.md): `agent-skills/3d/3d-ultra-realistic-water/SKILL.md`

### Other components

- **Designer or builder**
- **Coding agent**
- **Reusable prompt packs**
- **UI or game implementation**
- **Visual references**

## Connections

- Designer or builder → Coding agent: requests work
- Coding agent → Video to prompt: loads skill
- Coding agent → HTML interaction prompts: loads skill
- Coding agent → Full-page capture: loads skill
- Coding agent → Daily inspiration loop: loads skill
- Coding agent → Reference originality audit: loads skill
- Coding agent → Voice generation: loads skill
- Coding agent → Web design playbooks: loads skill
- Coding agent → Scroll-driven 3D worlds: loads skill
- Coding agent → Shader cursor effects: loads skill
- Coding agent → Game development playbooks: loads skill
- Coding agent → Rigged game assets: loads skill
- Coding agent → 3D rendering playbooks: loads skill
- Coding agent → Realistic water: loads skill
- Video to prompt → Reusable prompt packs: creates prompts
- HTML interaction prompts → Reusable prompt packs: creates prompts
- Full-page capture → Visual references: captures page
- Daily inspiration loop → Visual references: studies references
- Daily inspiration loop → Reusable prompt packs: generates prompts
- Reference originality audit → Visual references: compares references
- Reusable prompt packs → UI or game implementation: guides building
- Web design playbooks → UI or game implementation: guides building
- Scroll-driven 3D worlds → UI or game implementation: guides building
- Shader cursor effects → UI or game implementation: guides building
- Game development playbooks → UI or game implementation: guides building
- Rigged game assets → UI or game implementation: guides building
- 3D rendering playbooks → UI or game implementation: guides building
- Realistic water → UI or game implementation: guides building
- Voice generation → UI or game implementation: generates voice assets