界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
设计与创意 · SKILL.md

p5js-hermes

p5js-hermes

【设计与创意】Production pipeline for interactive and generative visual art using p5.js. Covers 2D/3D rendering, noise and particle systems, flow fields, GLSL shaders, pixel manipulation, kinetic typography, WebGL, and audio-reactive visuals. 10 reference files from NousResearch's Hermes agent.

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

name: p5js-hermes description: | Production pipeline for interactive and generative visual art using p5.js. Covers 2D/3D rendering, noise and particle systems, flow fields, GLSL shaders, pixel manipulation, kinetic typography, WebGL, and audio-reactive visuals. 10 reference files from NousResearch's Hermes agent. triggers:

  • "p5js"
  • "p5.js"
  • "generative art p5"
  • "creative coding p5"
  • "particle system p5"
  • "flow field p5"
  • "GLSL shader p5"
  • "audio reactive" das: category: creative-3d upstream: "https://github.com/nousresearch/hermes-agent" upstream_path: "skills/creative/p5js/SKILL.md" version: latest install: true

p5js-hermes

Catalogue stub — full skill: nousresearch/hermes-agent

Decision tree

  1. Is the full skill already installed? Check whether the skill at this location still has a das: block:

    • Global: grep -q "^das:" ~/.agents/skills/p5js-hermes/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • Project: grep -q "^das:" .agents/skills/p5js-hermes/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • No das: block → full skill installed, invoke it and proceed
    • das: block present → go to step 2
  2. Detect scope, then install:

    To detect scope:

    [ -e ~/.agents/skills/p5js-hermes ] && echo "global" || echo "project"
    

    Global (installed with -g):

    npx skills add nousresearch/hermes-agent --skill p5js-hermes -g -y
    

    Project (installed without -g):

    npx skills add nousresearch/hermes-agent --skill p5js-hermes -y
    

    Claude Code: send either command as a chat message starting with ! to run it without leaving the conversation.

Invoke after install

  • Skill name: p5js-hermes
  • Trigger phrases: "p5.js", "p5js", "generative art p5", "flow field", "audio reactive"

What it does

Full production pipeline for interactive and generative visual art in p5.js. Covers 2D/3D rendering with noise functions, particle systems, flow fields, GLSL shader integration, pixel array manipulation, kinetic typography, WebGL, and audio-reactive visuals. Backed by 10 reference files from NousResearch's Hermes agent — substantially deeper than the official algorithmic-art skill.

我的收藏