菜单
Create generative algorithmic art using p5.js. Use when user wants to create generative art, algorithmic art, creative coding, p5.js sketches, procedural art, or visual art through code. The skill produces self-contained interactive HTML artifacts with seeded randomness and parameter controls.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
A brief description of what this skill does
将主题/论文/内容转化为 Reveal.js HTML 演示文稿。 继承 remotion-video 的内容规划方法论（认知阶梯、场景设计），输出文件夹式 HTML 幻灯片（index.html + images/ + dist/）。 用户自己上台讲，不需要配音和视频渲染。 触发词： - "做演示文稿"、"Reveal.js 演示"、"HTML 幻灯片" - "做幻灯片"、"生成演示"、"演讲幻灯片" - "把文章做成幻灯片"、"文章转演示"、"article to slides" - "/remotion-slides" 适用场景： - 学术报告演示（论文讲解、开题答辩、毕业答辩） - 技术分享演示（架构讲解、方案汇报） - 教学课件（概念讲解、公式推导） - 会议演示（项目汇报、方案对比） - 文章转演示（用户提供 Markdown 文章，保留原有结构和素材）
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Build apps with the Claude API or Anthropic SDK. TRIGGER when: code imports `anthropic`/`@anthropic-ai/sdk`/`claude_agent_sdk`, or user asks to use Claude API, Anthropic SDKs, or Agent SDK. DO NOT TRIGGER when: code imports `openai`/other AI SDK, general programming, or ML/data-science tasks.
Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files). Triggers include: any mention of 'Word doc', 'word document', '.docx', or requests to produce professional documents with formatting like tables of contents, headings, page numbers, or letterheads. Also use when extracting or reorganizing content from .docx files, inserting or replacing images in documents, performing find-and-replace in Word files, working with tracked changes or comments, or converting content into a polished Word document. If the user asks for a 'report', 'memo', 'letter', 'template', or similar deliverable as a Word or .docx file, use this skill. Do NOT use for PDFs, spreadsheets, Google Docs, or general coding tasks unrelated to document generation.
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."
| name | algorithmic-art |
| description | Create generative algorithmic art using p5.js. Use when user wants to create generative art, algorithmic art, creative coding, p5.js sketches, procedural art, or visual art through code. The skill produces self-contained interactive HTML artifacts with seeded randomness and parameter controls. |
A framework for creating generative art using p5.js in two phases: computational philosophy, then visual expression.
Create a computational aesthetic movement (4-6 paragraphs) describing how beauty emerges through:
The philosophy must emphasize "meticulously crafted algorithm" and expert-level computational artistry.
Express the philosophy through interactive HTML artifacts using a viewer template as foundation. Keep fixed UI elements while replacing the algorithm and parameters.
All work must use consistent seeds for reproducibility, following the "Art Blocks pattern" of deterministic generation:
// Use p5.js random seed
randomSeed(seed);
noiseSeed(seed);
Create tunable controls that emerge naturally from the algorithmic philosophy rather than predetermined pattern types.
Self-contained HTML files embedding p5.js (via CDN), all algorithms inline, no external dependencies.
Always Maintain:
Always Customize:
"The algorithm flows from the philosophy, not from a menu of options." Each work should feel like it emerged through countless iterations by someone at the absolute top of their field in computational aesthetics.
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Lora:ital@0;1&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.min.js"></script>
<style>
/* Anthropic brand: light theme, Poppins headings, Lora body */
:root {
--dark: #141413;
--light: #faf9f5;
--accent: #d97757;
}
</style>
</head>
<body>
<!-- Sidebar: seed controls + algorithm parameters -->
<!-- Canvas: p5.js sketch -->
<script>
let seed = Math.floor(Math.random() * 10000);
function setup() {
// Initialize canvas
randomSeed(seed);
noiseSeed(seed);
}
function draw() {
// Algorithm expressed from philosophy
}
</script>
</body>
</html>