skills.rest
GleisonOliveira
GleisonOliveiraCOMMUNITY
Explore all skills by this author →
Website𝕏@classefinalGitHub

reversa-selo-generativo

Generates seeded generative visual seals with p5.js as standalone HTML files.

Updated May 22, 2026
Search Tags:#p5.js#generative art#html generation#algorithmic art#visual identity#svg export#seeded random
One-click install
npx skills add https://github.com/GleisonOliveira/dockerpilot-mcp --skill reversa-selo-generativo-gleisonoliveira
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reversa-selo-generativo
Source: https://github.com/GleisonOliveira/dockerpilot-mcp/tree/main/.agents/skills/reversa-selo-generativo
Command: npx skills add https://github.com/GleisonOliveira/dockerpilot-mcp --skill reversa-selo-generativo-gleisonoliveira

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires p5.js, and includes references (resource) components.

What problem does it solve? Projects need a distinctive, reproducible visual identity mark without manual design work. This Skill creates algorithmic art seals derived deterministically from a seed, so the same seed always produces the same artwork. ## Core Features & Use Cases - Seeded Generative Art: Computes a SHA-256 seed from a string or file and drives p5.js randomness for fully reproducible output. - Five Generative Patterns: flow-field, particle-orbit, crystal-lattice, wave-interference, and noise-strata, selected by seed with style-compatibility checks. - Style-Based Palettes: Four curated palettes (sober, premium, dense, exploratory) with automatic contrast validation and mini-size simplification. - Use Case: Generate an 800x800 hero seal for a project documentation site, then reuse the same seed to produce a 64x64 SVG mini-seal for page headers. ## Quick Start Ask the agent to generate a generative seal for your project using its name as the seed and the premium visual style.

Frequently Asked Questions about reversa-selo-generativo

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate reproducible generative art with p5.js?▼

Seed p5.js with randomSeed() and noiseSeed() using an integer derived from a SHA-256 hash of your input string before calling random() or noise(). The same seed always produces identical output, making the artwork fully reproducible.

How to create a seeded visual identity for a project?▼

Pass a project name, hash, or file path as the seed. The skill computes SHA-256 of the input, selects one of five generative patterns and a style-based palette, then outputs a standalone HTML file with the p5.js canvas.

What generative art patterns does this skill support?▼

Five patterns are available: flow-field (Perlin noise traces), particle-orbit (orbiting particles), crystal-lattice (symmetric polygons), wave-interference (moiré waves), and noise-strata (layered noise landscapes). The seed picks the pattern, with optional manual override.

Can I export p5.js generative art as SVG or PNG?▼

Yes. Geometric patterns like crystal-lattice can be regenerated as real SVG for scalable mini-seals, while raster patterns export as PNG data URIs. The skill accepts a mode parameter of svg, dataURI, or html.

What happens if the p5.js CDN is unavailable?▼

The skill detects a missing p5 global after page load and renders a fallback: a minimal inline SVG circle using the palette background color. Seal failures never break the host page; something always renders.

Why does my generative seal look different each time?▼

The seal varies only when no seed is provided, in which case the current timestamp is used as a non-reproducible fallback. Always pass a fixed string or file path to guarantee identical output across runs.

Related Skills

Explore More Design & Creative Skills→
ricardops34ricardops34

reversa-selo-generativo

Generate deterministic p5.js seals from SHA-256 seeds as standalone HTML.

Community
Intermediate
lacsousalacsousa

reversa-selo-generativo

Generates seeded generative visual seals as standalone HTML using p5.js.

Community
Intermediate
Owl-ListenerOwl-Listener
2.5k

critique-color

Audit a screen's colour contrast, palette coherence, and semantic meaning against WCAG standards.

Community
Intermediate
coolsocketcoolsocket
1

algorithmic-art

Generate seed-based generative artworks with p5.js in a fixed HTML artifact.

Community
Advanced