Skills algorithmic-art
๐Ÿ“ฆ

algorithmic-art

Content revision r1 Medium Risk โš™๏ธ External commands๐ŸŒ Network accessโšก Contains scripts

Create Interactive Algorithmic Art

Generative art requests often need reproducible code, parameters, and a polished viewer. This skill guides Claude, Codex, and Claude Code to create seeded p5.js art artifacts.

Supports: Claude Codex Code(CC)
๐Ÿ“Š 69 Adequate

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request
Review the Skillstore skill "algorithmic-art" from https://skillstore.io/skills/zhanlincui-algorithmic-art.md and its manifest at https://skillstore.io/api/skills/zhanlincui-algorithmic-art/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Your Agent should still show its plan and request any confirmation required by the security policy.

Agent-readable resources

Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.

Test it

Using "algorithmic-art". Create an artwork inspired by tidal memory.

Expected outcome:

  • A movement called Tidal Residue with a concise computational philosophy.
  • An interactive viewer with seed navigation, wave density, drift, and erosion controls.
  • A reproducible visual system where each seed changes the shoreline pattern.

Using "algorithmic-art". Make a particle-based piece for a gallery wall.

Expected outcome:

  • A refined particle field concept with adjustable force, count, trail fade, and palette controls.
  • A browser-ready artifact that can regenerate, reset, and export the current seed as an image.

Security Audit

Medium Risk
v5 โ€ข 7/8/2026 Open versioned report

Most execution and reconnaissance detections are false positives from Markdown fences, inline file names, CSS, comments, and JavaScript RegExp.exec. The real risks are external CDN and font loads in generated artifacts, plus a trust risk from a community skill requiring Anthropic-branded output.

3
Files scanned
1,227
Lines analyzed
5
Review items
0
False positives ignored

Confirmed security concerns (1)

Medium
Community Skill Requires Anthropic-Branded Output
The community skill repeatedly directs generated artifacts to keep Anthropic branding, including fixed colors, fonts, and layout. This can make generated outputs appear officially affiliated when the source is a third-party skill.
The branding instructions are explicit in SKILL.md and viewer.html. The risk is trust and attribution confusion rather than code execution.
Capability review items (5)

These are real local capabilities that may be expected for this skill, so they require review but are not counted as confirmed malicious behavior.

Low
Hardcoded URL
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script>
The instructions require generated HTML to load p5.js from cdnjs. This creates an external browser dependency and supply-chain risk.
Low
Hardcoded URL
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script>
The viewer template loads p5.js from cdnjs at runtime. That external request is a real dependency even if the source is a common public CDN.
Low
Hardcoded URL
<link rel="preconnect" href="https://fonts.googleapis.com">
The template preconnects to Google Fonts. This creates an external browser connection and exposes basic request metadata.
Low
Hardcoded URL
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
The template preconnects to fonts.gstatic.com. This is a real third-party network dependency for generated artifacts.
Low
Hardcoded URL
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Lora:wght@400;5
The template loads CSS from Google Fonts. That external font request is legitimate but still carries privacy and availability risk.
Audited by: codex View Audit History โ†’
Share & cite this report

Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.

Open versioned report
Security Assessment

Copy report link

https://skillstore.io/skills/zhanlincui-algorithmic-art/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/zhanlincui-algorithmic-art/security.svg)](https://skillstore.io/skills/zhanlincui-algorithmic-art?utm_source=security_passport_badge)

HTML badge

<a href="https://skillstore.io/skills/zhanlincui-algorithmic-art?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/zhanlincui-algorithmic-art/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Embed card

<iframe src="https://skillstore.io/embed/skills/zhanlincui-algorithmic-art.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Academic citations (APA ยท BibTeX ยท CFF)

APA citation

ZhanlinCui. (2026). algorithmic-art security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/zhanlincui-algorithmic-art/audits/5

BibTeX citation

@techreport{zhanlincui-zhanlincui-algorithmic-art-2026, author = {ZhanlinCui}, title = {algorithmic-art security audit report (audit version 5)}, institution = {Skillstore}, year = {2026}, number = {5}, url = {https://skillstore.io/skills/zhanlincui-algorithmic-art/audits/5}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "algorithmic-art security audit report (audit version 5)" version: "unspecified" type: report authors: - name: "ZhanlinCui" date-released: "2026-07-08" url: "https://skillstore.io/skills/zhanlincui-algorithmic-art/audits/5" identifiers: - type: other value: "skillstore:zhanlincui-algorithmic-art:audit:5" description: "Skillstore immutable audit report identifier"

Compare variants

8 installable variants

Each author remains a separate installable skill. The recommended variant is ranked by Skillstore evidence.

Why this variant is first

Higher Skillstore usage
anthropics Recommended

algorithmic-art

Skillstore Score 78
Evidence Confidence High
Skillstore usage 22
Updated

2026-08-21

cam10001110101-algorithmic-art

Skillstore Score 78
Evidence Confidence High
Skillstore usage 15
Updated

2026-08-21

artemisai-algorithmic-art

Skillstore Score 78
Evidence Confidence High
Skillstore usage 14
Updated

2026-08-21

doyajin174-algorithmic-art

Skillstore Score 78
Evidence Confidence High
Skillstore usage 13
Updated

2026-08-21

davila7-algorithmic-art

Skillstore Score 78
Evidence Confidence High
Skillstore usage 9
Updated

2026-08-21

azeem-2-algorithmic-art

Skillstore Score 78
Evidence Confidence High
Skillstore usage 8
Updated

2026-08-21

sickn33-algorithmic-art

Skillstore Score 78
Evidence Confidence High
Skillstore usage 7
Updated

2026-08-21

ZhanlinCui Current

zhanlincui-algorithmic-art

Skillstore Score 69
Evidence Confidence High
Skillstore usage 17
Updated

2026-08-21

Skillstore Score

Why this score Evidence Confidence: High
55
Architecture
85
Maintainability
87
Content
70
Community
83
Spec Compliance

What You Can Build

Prototype a Generative Artwork

Turn an abstract visual idea into a reproducible p5.js artwork with controls.

Teach Creative Coding Concepts

Show seeded randomness, noise fields, particles, and parameters through an interactive browser artifact.

Explore Visual Systems for Products

Generate controlled visual studies for campaigns, dashboards, or branded experiences.

Try These Prompts

Create a Simple Piece
Create an original algorithmic artwork about quiet rainfall. Include a short philosophy, seeded p5.js output, and three useful controls.
Tune a Visual System
Create generative art inspired by magnetic fields. Use seed navigation and controls for field strength, particle count, and trail opacity.
Build a Themed Series
Design a generative series about urban growth. Provide one shared algorithm, explain the philosophy, and highlight five distinct seeds.
Adapt an Existing Direction
Create a p5.js artwork that feels precise, sparse, and mathematical. Avoid copying named artists. Make the parameter design explainable.

Best Practices

  • Start with a specific visual concept and let parameters follow the concept.
  • Use fixed seeds when comparing variations or sharing results.
  • Review external CDN use before publishing artifacts publicly.

Avoid

  • Do not request copies of living artists or copyrighted works.
  • Do not remove seed controls from the interactive viewer.
  • Do not add unrelated libraries unless the user needs them.

Frequently Asked Questions

What does this skill create?
It creates original p5.js generative art with a philosophy, seeded randomness, and an interactive HTML viewer.
Can it make repeatable artwork?
Yes. It uses seeded randomness so the same seed can reproduce the same result.
Does the output need a server?
No. The intended output is a single HTML artifact that runs in a browser.
Can users adjust the artwork?
Yes. The template includes parameter controls, seed navigation, reset, regenerate, and image export patterns.
Does it work with Claude Code and Codex?
Yes. The skill metadata lists Claude, Codex, and Claude Code as supported tools.
What should reviewers check before publishing?
Review external CDN dependencies, branding language, and whether generated art avoids copying protected styles.

Developer Details

Author

ZhanlinCui

License

Complete terms in LICENSE.txt

Skillstore revision

r1

Version notice

The author did not declare a version.

Ref

64ca8af0f54a325752f08bd54e52151061ea659a

Maintenance freshness

7/20/2026

Usage

14 downloads ยท 196 views

File structure

๐Ÿ“ templates/

๐Ÿ“„ generator_template.js

๐Ÿ“„ viewer.html

๐Ÿ“„ SKILL.md

More from ZhanlinCui

View all
View all