算法艺术创作
algorithmic-art
通过代码和可调参数创作生成艺术与交互式视觉效果。
ornament-style-modern【设计与创意】Design ornamental patterns using modern and speculative aesthetics with colorblind-accessible color scales. Breaks free from historical period constraints to explore cyberpunk, solarpunk, biopunk, brutalist, vaporwave, and other contemporary genres. Includes CVD (Color Vision Deficiency) awareness and perceptually uniform scales (viridis, cividis, in…
独立 GitHub 快照 · 自动分类 · 以原作者文档为准
Design ornamental patterns using modern and speculative aesthetics with colorblind-accessible color scales. This skill breaks free from historical period constraints — anachronism encouraged, hybrid motifs welcome, palette system built on perceptually uniform color scales designed for universal accessibility.
This is "unleashed" companion to ornament-style-mono and ornament-style-color. Where those skills ground every decision in art historical fidelity, this skill grounds decisions in genre coherence, color accessibility, artistic freedom.
Choose modern or speculative aesthetic as visual foundation. Unlike historical periods, genres are fluid — mixing and hybridization encouraged.
Modern and Speculative Aesthetics:
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Genre | Visual Character | Motif Language | Color Tendency |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Cyberpunk | Neon-on-dark, circuit, | Circuit traces, kanji, hexagons, | Neon cyan/magenta on black |
| | tech, glitch | fractured glass, data streams | |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Hard Sci-Fi | Clean, technical, | Engineering diagrams, orbital | Cool metallics, deep space |
| | precise | paths, crystalline lattice | blue |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Solarpunk | Organic-tech fusion, | Leaf/vine + solar panel, living | Greens, warm amber, |
| | verdant | architecture, moss on circuit | sunlight |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Biopunk | Organic, visceral, | DNA helix, cell structure, | Deep organics, |
| | grown | mycelium, coral, nerve networks | bioluminescent |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Brutalist | Raw, monumental, | Concrete texture, massive | Grays, concrete, |
| | geometric | geometry, exposed grid, slab | industrial |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Art Deco Revival | Geometric elegance, | Sunburst, chevron, ziggurat, fan, | Gold, black, cream, |
| | luxury | stepped forms | emerald |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Vaporwave | Retro-digital, surreal | Classical busts (glitched), grid, | Pink/teal/purple gradients |
| | | gradient, marble | |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Retrofuturism | 1950s-60s future vision | Atomic/Space Age, streamline, ray | Chrome, turquoise, coral |
| | | gun, fin, orbit | |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Generative / | Mathematical, | Voronoi, reaction-diffusion, | Any scale -- often viridis |
| Algorithmic | procedural | L-system, noise field, fractal | family |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Afrofuturism | Ancestral + futuristic | Adinkra, kente geometry, cosmic, | Rich earth + metallic + |
| | | mask, constellation | electric |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
Additional supported modes:
Got: Clearly identified genre (or hybrid) with characteristic visual language understood. For hybrids, both source traditions articulated.
If fail: User requests genre not in table? Research its visual conventions using WebSearch for "[genre] aesthetic visual design motifs" and construct equivalent entry. Key elements to identify: visual character, typical motifs, color tendency.
Choose between colorblind-accessible scale or custom palette. Colorblind scales are recommended default.
Path A: Colorblind-Accessible Scale (Recommended)
Select from perceptually uniform color scales designed for universal readability:
Colorblind-Accessible Color Scales:
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Scale | Type | CVD Safe | Character | Best For |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Viridis | Sequential | All 3 types | Blue-green-yellow, balanced | Default recommendation |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Cividis | Sequential | Deutan + Protan | Blue-to-yellow, muted | Maximum CVD safety |
| | | optimized | | |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Inferno | Sequential | All 3 types | Black-red-yellow-white, hot | Dramatic, high contrast |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Magma | Sequential | All 3 types | Black-purple-orange-yellow | Moody, volcanic |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Plasma | Sequential | All 3 types | Purple-pink-orange-yellow | Vivid, energetic |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Turbo | Rainbow-like | Moderate | Full spectrum, perceptual | Many distinct colors |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Mako | Sequential | All 3 types | Dark blue to light teal | Cool, oceanic |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Rocket | Sequential | All 3 types | Dark to light via warm | Warm, ember-like |
| | | | tones | |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Okabe-Ito | Categorical | All 3 types | 8 distinct colors | Discrete elements, max |
| | | | | distinction |
+------------+---------------+--------------------+-----------------------------+-------------------------+
CVD Types and Impact:
+-----------------------------+----------+-----------------+------------------------------+
| CVD Type | Affects | Confuses | Safe Scales |
+-----------------------------+----------+-----------------+------------------------------+
| Protanopia (red-blind) | ~1% male | Red/green | viridis, cividis, inferno |
+-----------------------------+----------+-----------------+------------------------------+
| Deuteranopia (green-blind) | ~5% male | Red/green | viridis, cividis, inferno |
+-----------------------------+----------+-----------------+------------------------------+
| Tritanopia (blue-yellow) | ~0.01% | Blue/yellow | inferno, magma (with care) |
+-----------------------------+----------+-----------------+------------------------------+
Translating continuous scale to ornamental palette: Sample 3-5 colors at evenly spaced intervals along scale. For 5-color palette from viridis:
Assign roles using 60/30/10 framework from ornament-style-color: dominant (largest area), secondary (supporting), accent (focal points).
Path B: Custom Palette
Freeform palette selection with optional CVD simulation check:
Got: Palette of 3-5 named colors with roles, either sampled from named scale or custom-defined, with CVD compatibility noted.
If fail: Unsure? Use viridis with 3-color sampling (deep purple, teal, yellow). Most universally accessible and visually balanced default.
Understand structural grammar of chosen motif, using same framework as historical skills but with explicit permission for modern compositional techniques.
Perform structural analysis:
Add color-to-structure mapping:
Modern composition techniques (unique to this skill):
Got: Structural description with explicit color assignments and any modern composition techniques identified.
If fail: Motif structure unclear for modern genre? Anchor to genre's real-world visual precedents. Cyberpunk circuit traces follow band scaffold with translational symmetry. Generative/algorithmic uses radial or field-based scaffold. Motif language may be novel but structural grammar universal.
Build text prompt for Z-Image generation, using modern prompt template.
Prompt Template:
[Rendering style] of [genre]-inspired ornamental design,
[motif description], [color scale or palette],
[composition type], [mood/atmosphere],
[application context], [additional qualifiers]
Modern Rendering Styles:
digital art — clean digital rendering, screen-ready, smooth gradientsholographic — iridescent, light-diffracting, multi-angle color shiftneon sign — glowing lines on dark ground, light bloom, hot edges3D render — volumetric, lit, material quality, depthglitch art — digitally corrupted, scan-line artifacts, color channel splitvector graphic — flat, clean edges, scalable feel, geometric precisionscreen print — limited color, registration marks, ink quality, tactilelaser etched — precise, metallic surface, ablation marks, technicalgenerative art — procedural, algorithmic, mathematical precisionconcept art — painterly, atmospheric, narrative, cinematic lightingColor Scale in Prompts: Translate scale name into descriptive color language model can interpret:
Example Prompts:
neon sign ornamental design inspired by cyberpunk aesthetic, circuit trace patterns and hexagonal grid, deep purple and teal green and bright yellow colors (viridis palette), repeating border frieze, electric and atmospheric, dark background with glowing elementsdigital art of solarpunk-inspired ornamental panel, vine and leaf motifs intertwined with solar cell geometry, steel blue to golden yellow gradient (cividis palette), vertical panel composition, warm and hopeful atmosphere, organic-technology fusiongenerative art ornamental tile, algorithmic reaction-diffusion pattern, dark purple through burnt orange to pale yellow (magma palette), square repeating unit, mathematical and volcanic, procedural organic quality3D render of Art Deco Revival ornamental medallion with brutalist influence, sunburst and ziggurat geometry in raw concrete and gold, deep indigo through magenta to bright yellow (plasma palette), radial symmetry, monumental eleganceGot: Prompt of 25-50 words specifying rendering style, genre, motif, color scale/palette, composition, mood.
If fail: Prompt produces colors not matching intended scale? Front-load color description. Instead of mentioning scale name, describe actual colors at start: "deep purple, teal green, and bright yellow ornamental design..." Z-Image weights earlier prompt tokens more heavily.
Select resolution and generation parameters.
Resolution by Application:
+--------------------+---------------------+----------------------------------------+
| Application | Recommended | Rationale |
+--------------------+---------------------+----------------------------------------+
| Medallion / Roundel| 1024x1024 (1:1) | Radial symmetry needs square |
+--------------------+---------------------+----------------------------------------+
| Tile / Repeat Unit | 1024x1024 (1:1) | Square for seamless tiling |
+--------------------+---------------------+----------------------------------------+
| Horizontal Frieze | 1280x720 (16:9) | Wide format for running border |
+--------------------+---------------------+----------------------------------------+
| Vertical Panel | 720x1280 (9:16) | Portrait format for columns |
+--------------------+---------------------+----------------------------------------+
| Wide Border | 1344x576 (21:9) | Ultrawide for architectural |
+--------------------+---------------------+----------------------------------------+
| UI Element | 1152x896 (9:7) | Balanced landscape for screen use |
+--------------------+---------------------+----------------------------------------+
| Large Detail | 1536x1536 (1:1) | Higher res for fine gradient work |
+--------------------+---------------------+----------------------------------------+
steps to 10-12 (color gradient detail and scale fidelity benefit from more steps)shift to 3 (default) or 4 for neon-on-dark styles benefiting from higher contrastrandom_seed: true for exploration or random_seed: false with specific seed for reproducibilityGot: Complete parameter set. Gradient-based scales need 10+ steps for smooth color transitions.
If fail: Unsure? Use 1024x1024 at 10 steps with shift 3. Increase to shift 4 only for neon/glowing/high-contrast styles.
Invoke Z-Image MCP tool to produce ornament.
mcp__hf-mcp-server__gr1_z_image_turbo_generate with:
prompt: constructed prompt from Step 4resolution: from Step 5steps: from Step 5 (recommend 10-12)shift: from Step 5random_seed: from Step 5seed: specific seed if random_seed is falseGot: Generated image with recognizable ornamental structure and visible color gradient/palette. Color may not perfectly match specified scale — addressed in evaluation.
If fail: MCP tool unavailable? Verify hf-mcp-server configured (see configure-mcp-server or troubleshoot-mcp-connection). Generated image entirely abstract with no ornamental structure? Prompt needs more specific structural language — return to Step 4. Colors completely wrong? Front-load color names in prompt.
Assess generated image against five criteria adapted for modern ornament.
Modern Ornament Evaluation Rubric:
+---------------------+------------------------+-------------------------------------------+
| Criterion | Replaces (from color) | Evaluation Questions |
+---------------------+------------------------+-------------------------------------------+
| 1. Genre Coherence | Period Accuracy | Does it feel like the specified genre? |
| | | Would someone familiar with the genre |
| | | recognize the aesthetic? |
+---------------------+------------------------+-------------------------------------------+
| 2. Color Scale | Palette Match | Does the color gradient/palette |
| Fidelity | | approximate the chosen scale? Are the |
| | | key colors from the scale present? |
+---------------------+------------------------+-------------------------------------------+
| 3. Accessibility | (new criterion) | Would this be distinguishable under the |
| | | target CVD type? Do elements rely solely |
| | | on color or also on shape/texture? |
+---------------------+------------------------+-------------------------------------------+
| 4. Composition | Form-Color Balance | Does the ornamental structure read |
| Quality | | clearly? Does color clarify or obscure |
| | | the motif? |
+---------------------+------------------------+-------------------------------------------+
| 5. Rendering Style | Rendering Style | Does it match the specified rendering |
| | | technique? Does a "neon sign" glow? |
| | | Does "glitch art" show artifacts? |
+---------------------+------------------------+-------------------------------------------+
Got: Scored evaluation with specific observations. Modern styles with gradient color scales harder to control than flat historical palettes — expect Adequate on first generation for color scale fidelity.
If fail: Most criteria score Weak? Prompt may need fundamental restructuring. Common fixes: move color descriptions to very beginning of prompt, simplify to fewer colors (3 instead of 5), strengthen genre-specific language, increase steps to 12.
Refine design through targeted iteration or accept result.
Modern-Specific Iteration Strategies:
Iteration Budget: Limit to 3 iterations per design concept.
Got: Improved genre coherence and color fidelity after 1-2 iterations. Perfect scale reproduction unlikely — aim for "recognizably in right color family with correct progression direction."
If fail: Iteration not converging? Color scale may be too subtle for model to reproduce as gradient. Simplify by sampling fewer colors from scale (3 instead of 5), naming them explicitly. Alternatively, accept closest approximation, note deviation in documentation.
Create complete record of final design for reproducibility and reference.
Got: Reproducible record with full color scale documentation and CVD compatibility assessment.
If fail: Full documentation feels excessive? Minimum: record final prompt, seed, color scale name, CVD compatibility status. Allows reproduction and accessibility verification.
ornament-style-color. Find yourself policing anachronism or insisting on period-authentic pigments? Switch to historical skills. Here, Byzantine motif rendered as cyberpunk neon sign not error — it is the pointornament-style-mono — monochrome foundation skill; useful for establishing motif structure before adding modern color treatmentornament-style-color — historical color companion; use when period-authentic palettes and art historical fidelity required instead of modern aestheticsreview-web-design — color theory and accessibility principles apply to ornamental color compositionreview-ux-ui — WCAG color contrast guidelines relevant when ornament used in UI contextsmeditate — focused attention and visualization practices can inform abstract pattern development