skills.rest
Ruggery
RuggeryCOMMUNITY
Explore all skills by this author →
GitHub

reversa-selo-generativo

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

Updated Aug 14, 2026
Search Tags:#algorithmic design#p5.js#generative art#visual identity#html canvas#svg export#seeded random
One-click install
npx skills add https://github.com/Ruggery/OCR_Cartorio --skill reversa-selo-generativo-ruggery
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reversa-selo-generativo
Source: https://github.com/Ruggery/OCR_Cartorio/tree/main/.agents/skills/reversa-selo-generativo
Command: npx skills add https://github.com/Ruggery/OCR_Cartorio --skill reversa-selo-generativo-ruggery

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 seals derived deterministically from a seed, so the same project always produces the same artwork. ## Core Features & Use Cases - Seeded generative art: Derives all visual parameters from a SHA-256 hash, guaranteeing identical output for identical seeds. - Five generative patterns: flow-field, particle-orbit, crystal-lattice, wave-interference, and noise-strata, selected by seed or forced manually. - Style-based palettes: Four curated palettes (sober, premium, dense, exploratory) with automatic contrast validation and fallback handling. - Use Case: When generating a documentation mini-site with /reversa-documentation, produce a hero seal at 800x800 and a mini-seal for page headers, both derived from the project's soul.md hash. ## 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 create a reproducible generative art seal with p5.js?▼

Compute a SHA-256 hash of your input string, convert the first 16 hex characters to an integer, and pass it to p5.js randomSeed and noiseSeed before any random or noise calls. The same seed always produces the same artwork.

What generative art patterns can p5.js produce for logos or seals?▼

This Skill implements five patterns: flow-field with Perlin noise particles, particle-orbit with orbiting trails, crystal-lattice with symmetric polygons, wave-interference with moiré effects, and noise-strata with layered landscapes.

Does the generative seal work offline without the p5.js CDN?▼

If the p5.js CDN is unreachable, the Skill renders a fallback SVG circle using the palette background color instead of failing. The page never shows a blank area because every error scenario has a visual fallback.

Can I export the p5.js canvas as SVG for website headers?▼

Yes, geometric patterns like crystal-lattice can be regenerated as real SVG, while raster patterns like flow-field export as PNG data URIs. The Skill accepts a mode parameter of svg, dataURI, or html.

What happens if the seed is missing or invalid?▼

The Skill falls back to the current timestamp as the seed and logs a warning that the seal will not be reproducible. For large hero seals, a footer notice indicates the non-reproducible status.

How are colors chosen for the generative seal?▼

Colors come from four predefined palettes mapped to visual styles: sober, premium, dense, and exploratory. The Skill validates hex values, enforces a 4.5:1 contrast ratio for accent colors, and simplifies to three colors for mini-seals under 200px.

Related Skills

Explore More Design & Creative Skills→
LittleSongxxLittleSongxx
2

bootstrap

Generate a personalized SOUL.md file through an interactive onboarding conversation.

Community
Intermediate
GleisonOliveiraGleisonOliveira

reversa-selo-generativo

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

Community
Advanced
pianzhupianzhu
1

theme-factory

Apply predefined themes from themes/*.md to slides, documents, and web pages.

Community
Basic
oakossoakoss
14

brand-designer

Generate cohesive brand identities with SVG logos, Tailwind color tokens, and typography systems.

Official
Advanced