skills.rest
Helcio-Nogueira
Helcio-NogueiraCOMMUNITY
Explore all skills by this author →
GitHub

reversa-selo-generativo

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

Updated Mar 23, 2026
Search Tags:#p5.js#generative art#algorithmic art#visual identity#html canvas#svg export#seeded random
One-click install
npx skills add https://github.com/Helcio-Nogueira/Painel_Inteligente_Hackaton_2026 --skill reversa-selo-generativo-helcio-nogueira
Or copy as Structured Prompt for Agentâ–¼
Please help me install this Agent Skill.
Skill: reversa-selo-generativo
Source: https://github.com/Helcio-Nogueira/Painel_Inteligente_Hackaton_2026/tree/main/.agents/skills/reversa-selo-generativo
Command: npx skills add https://github.com/Helcio-Nogueira/Painel_Inteligente_Hackaton_2026 --skill reversa-selo-generativo-helcio-nogueira

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Projects need a distinctive, reproducible visual identity element without manual design work. This Skill creates algorithmic art seals derived deterministically from a seed string, so the same seed always produces the same artwork. ## Core Features & Use Cases - Seeded generative art: Computes a SHA-256 seed from any string (project name, hash, file content) and derives palette, pattern, and parameters from it for full reproducibility. - Five generative patterns: flow-field, particle-orbit, crystal-lattice, wave-interference, and noise-strata, each matched to visual styles (sober, premium, dense, exploratory). - Multiple output sizes and formats: Hero (800x800), slide cover (400x400), and mini header seals (64x64), exportable as standalone HTML, SVG, or PNG data URI. - Use Case: Generate a hero seal for a project documentation mini-site by passing the project's soul.md file; the Skill hashes its content and produces a unique, reproducible canvas artwork with a matching palette. ## Quick Start Ask the agent to generate a generative seal for your project using its name or soul.md file as the seed, choosing a visual style such as sober or premium.

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 a reproducible generative art seal with p5.js?â–¼

Provide any string as a seed, such as a project name or file hash. The Skill computes a SHA-256 hash, calls randomSeed and noiseSeed before any random or noise calls, and derives the pattern, palette, and parameters from hash slices so the same seed always yields the same seal.

What generative art patterns can the seal use?â–¼

Five patterns are available: flow-field, particle-orbit, crystal-lattice, wave-interference, and noise-strata. The seed selects one by default, but you can override it with a forcePattern parameter, and incompatible style-pattern combinations are re-rolled automatically.

Can I export a p5.js canvas seal as SVG for a website header?â–¼

Yes. Geometric patterns like crystal-lattice export as real inline SVG, which scales perfectly for mini header seals. Raster-heavy patterns like flow-field export as PNG data URIs instead, and the Skill accepts a mode parameter of svg, dataURI, or html.

What happens if the p5.js CDN is unavailable when rendering the seal?â–¼

The Skill detects a missing global p5 object after page load and renders a fallback: a minimal inline SVG circle using the palette background color. Seal failures never break the page; every error scenario has a visual fallback.

Does the generative seal work without providing a seed?â–¼

Yes, but the result is not reproducible. When no seed is given, the Skill falls back to a SHA-256 hash of the current timestamp and displays a warning on large hero seals indicating the artwork is non-reproducible.

What are the size limits for generative seal canvases?â–¼

Canvas sizes are clamped between 16 and 4096 pixels. Seals under 200 pixels automatically reduce particle counts by 80 percent, thicken strokes, disable animation, and simplify the palette to three colors for legibility.

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
RuggeryRuggery

reversa-selo-generativo

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

Community
Intermediate
PytaichukBohdanPytaichukBohdan

algorithmic-art

Generate reproducible p5.js algorithmic art with seeded randomness.

Community
Advanced