技能 algorithmic-art
🎨

algorithmic-art

安全

إنشاء فن خوارزمي باستخدام p5.js

也可从以下获取: Cam10001110101,sickn33,davila7,Doyajin174,Azeem-2,anthropics,ArtemisAI

إنشاء فن توليدي فريد باستخدام p5.js مع العشوائية المزروعة للحصول على نتائج قابلة للتكرار. بناء فن تفاعلي يمكن للمستخدمين استكشافه من خلال عناصر تحكم المعاملات والتنقل في البذور.

支持: Claude Codex Code(CC)
⚠️ 62 差
1

下载技能 ZIP

2

在 Claude 中上传

前往 设置 → 功能 → 技能 → 上传技能

3

开启并开始使用

测试它

正在使用“algorithmic-art”。 Create algorithmic art about organic emergence with particles

预期结果:

ينتج عنصر HTML تفاعلي مع جسيمات متدفقة تستجيب لحقول الضوضاء، وعناصر تحكم في المعاملات للتعديل، وقابلية للتكرار بناءً على البذور.

正在使用“algorithmic-art”。 Build geometric art with recursive patterns and seed navigation

预期结果:

ينتج HTML مستقل بذاته مع أنماط هندسية متكررة، عناصر تحكم في الشريط الجانبي لاستكشاف المعاملات، وأزرار للتنقل بين variations البذور.

安全审计

安全
v1 • 2/24/2026

All 42 static findings are false positives. The skill is a legitimate p5.js generative art tool. Network access is limited to CDN resources for p5.js library and Google Fonts required for the viewer. The static scanner confused markdown code formatting, regex operations, and template comments as security risks.

3
已扫描文件
1,227
分析行数
6
发现项
1
审计总数

严重问题 (2)

templates/viewer.html:508
False Positive: Windows SAM Database Reference
Static scanner flagged line 508 as 'Windows SAM database' but the actual content is '// PARTICLE SYSTEM' comment in the template. Scanner confused 'SYSTEM' with Windows SAM. This is a template placeholder comment.
False Positive: Dangerous Heuristic Combination
Scanner flagged 'Code execution + Network + Credential access' heuristic. This was triggered by benign JavaScript (regex .exec()), CDN network calls, and the word 'exec'. No credential access or malicious code exists.
中风险问题 (2)
templates/generator_template.js:133
False Positive: Python exec() Function
Scanner flagged JavaScript regex .exec() at line 133 as 'Python exec()'. The actual code is 'const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)' which parses hex color values.
SKILL.md:3SKILL.md:62SKILL.md:95SKILL.md:161SKILL.md:349SKILL.md:366SKILL.md:368SKILL.md:388
False Positive: Weak Cryptographic Algorithm
Scanner flagged various lines as 'Weak cryptographic algorithm' but no cryptographic code exists. Scanner likely confused algorithmic art terminology with cryptography.
低风险问题 (2)
SKILL.md:109SKILL.md:136-141SKILL.md:141-147SKILL.md:147-159SKILL.md:159-189SKILL.md:189-199SKILL.md:199-215SKILL.md:215-223SKILL.md:223-229SKILL.md:229-275SKILL.md:275-300SKILL.md:300-313SKILL.md:313-319
False Positive: External Commands / Shell Backtick Execution
Scanner flagged markdown backticks (`) as shell backtick execution. These are code formatting delimiters in SKILL.md documentation, not actual shell commands.
templates/viewer.html:23templates/viewer.html:24templates/viewer.html:25templates/viewer.html:26
Legitimate: Hardcoded CDN URLs
Network URLs at lines 23-26 are legitimate CDN resources for p5.js library and Google Fonts required for the interactive art viewer to function.
审计者: claude

质量评分

38
架构
100
可维护性
87
内容
23
社区
55
安全
91
规范符合性

你能构建什么

المحترفون الإبداعيون

إنشاء أصول مرئية فريدة للمشاريع والمواقع أو المواد التسويقية مع بذور قابلة للتكرار.

تعلم البرمجة الإبداعية

فهم مبادئ الفن التوليدي من خلال أمثلة عملية واستكشاف المعاملات.

إنشاء الفن التفاعلي

إنشاء فن تفاعلي قابل للمشاركة يمكن للآخرين استكشافه من خلال تعديل المعاملات.

试试这些提示

إنشاء الفن الأساسي 
Create algorithmic art using p5.js. Use seeded randomness to ensure reproducibility. Build an interactive HTML artifact with parameter controls.
فن حقل التدفق 
Create a flow field algorithmic art piece using p5.js. Include particle systems that follow noise-driven vector fields. Add controls for particle count, noise scale, and speed.
الأنماط الهندسية 
Generate geometric algorithmic art using recursive subdivision or circular patterns. Include seed navigation so users can explore variations.
المستكشف التفاعلي 
Create a complete interactive algorithmic art viewer with seed navigation (prev/next/random), parameter sliders, color pickers, and export functionality.

最佳实践

  • استخدم دائمًا العشوائية المزروعة (randomSeed، noiseSeed) للحصول على نتائج قابلة للتكرار
  • صمم المعاملات التي تنبثق بشكل طبيعي من الفلسفة الخوارزمية
  • احتفظ بجميع الكود مضمنًا في ملف HTML واحد لإعادة الاستخدام

避免

  • تجنب نسخ أعمال الفنانين الحاليين - أنشئ فلسفات خوارزمية أصلية
  • لا تتخطى القالب - استخدم viewer.html كأساس للبدء
  • تجنب قيم الألوان العشوائية - استخدم لوحات متناغمة ومدروسة

常见问题

ما هو الفن الخوارزمي؟
الفن الخوارزمي هو فن مرئي يُنشأ باستخدام خوارزميات حاسوبية. إنه يستخدم العمليات الرياضية والكود لإنتاج مخرجات مرئية فريدة وقابلة للتكرار في كثير من الأحيان.
كيف تعمل العشوائية المزروعة؟
تستخدم العشوائية المزروعة رقمًا أوليًا (بذرة) لتهيئة مولدات الأرقام العشوائية. هذا يجعل كل تشغيل ينتج نفس الناتج، وهو أمر ضروري للففن القابل للتكرار.
هل يمكنني استخدام هذه المهارة بدون اتصال؟
تتطلب المهارة الوصول إلى الإنترنت في البداية لتحميل p5.js من CDN. بمجرد التحميل، يمكن أن يعمل الفن المُنشأ دون اتصال في جلسة متصفح مؤقتة.
ما هي الفلسفة الخوارزمية؟
الفلسفة الخوارزمية هي نظرة حسابية للعالم توجه إنشاء الفن. إنها تصف المبادئ الرياضية والجمالية التي يعبر عنها الخوارزمية.
كيف أشارك الفن المُنشأ؟
الخرج هو ملف HTML واحد مستقل بذاته. يمكنك مشاركته عن طريق إرسال الملف أو استضافته على أي خادم ويب.
هل يمكنني تصدير الفن كصورة؟
نعم، يتضمن المستكشف التفاعلي زر تنزيل يصدر اللوحة الحالية كملف PNG.

开发者详情

作者

ZhanlinCui

许可证

Complete terms in LICENSE.txt

仓库

https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection/tree/main/algorithmic-art

引用

main

文件结构

📁 templates/

📄 generator_template.js

📄 viewer.html

📄 SKILL.md