# Algorithmic Art Template Structure

> Sub-skill of algorithmic-art: Template Structure.

- Skill: `vamseeachanta/algorithmic-art-template-structure` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/algorithmic-art-template-structure`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/algorithmic-art-template-structure/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: vamseeachanta (https://skillmd.com/u/vamseeachanta)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vamseeachanta/algorithmic-art-template-structure

---


# Template Structure

## Template Structure


```html
<!DOCTYPE html>
<html>
<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.min.js"></script>
  <style>
    body {
      margin: 0;
      display: flex;
      font-family: 'Poppins', sans-serif;
      background: #faf9f5;
    }
    #sidebar {
      width: 300px;
      padding: 20px;
      background: #f5f4f0;
      height: 100vh;
      overflow-y: auto;
    }
    #canvas-container {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
    }

*See sub-skills for full details.*

