Installs into .claude/skills of the current project.
Are you the author of 468 Index Ca90c619?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/tools-only-468-index-ca90c619)
---
title: p5.js Architecture and Execution Model
description: Interactive p5.js visualization showing p5.js architecture and execution model
image: /sims/p5js-architecture/p5js-architecture.png
og:image: /sims/p5js-architecture/p5js-architecture.png
quality_score: 80
---
# p5.js Architecture and Execution Model
<iframe src="main.html" width="100%" height="600px"></iframe>
**Copy this iframe to your website:**
```html
<iframe src="https://dmccreary.github.io/claude-skills/sims/p5js-architecture/main.html" width="100%" height="600px"></iframe>
```
[Run p5.js Architecture and Execution Model in Fullscreen](main.html){ .md-button .md-button--primary }
This Mermaid diagram illustrates the p5.js architecture showing the setup(), draw() loop, and event handlers.
## Interactive Diagram
## Overview
Shows the circular execution model with setup() running once, followed by draw() looping at 60 FPS, with event handlers responding to user interactions.
