skills.rest
pelchers
pelchersCOMMUNITY
Explore all skills by this author →
GitHub

visual-creative-subagent

Generate a self-contained HTML/CSS/JS visual showcase page for data-vis, animation, or graphic-design domains.

Updated Mar 6, 2026
Search Tags:#animation#creative#web-development#generative-art#visual#data-vis
One-click install
npx skills add https://github.com/pelchers/MockTrialGame --skill visual-creative-subagent
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-creative-subagent
Source: https://github.com/pelchers/MockTrialGame/tree/main/.claude/skills/visual-creative-subagent
Command: npx skills add https://github.com/pelchers/MockTrialGame --skill visual-creative-subagent

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Visual concept development often requires time-consuming, templated approaches that hamper creativity. This skill provides a clean, self-contained workflow to produce a single-pass browser showcase across data-visualization, animation, and graphic-design domains, ensuring originality and immediacy.

Core Features & Use Cases

  • Self-contained showcase pages: HTML/CSS/JS with a chosen domain library, ready to render on load.
  • Domain-accurate passes: supports data-vis, animation, and graphic-design styles with per-pass uniqueness.
  • Use cases include rapid concept exploration for pitches, demos, and design explorations with no external dependencies at runtime.

Quick Start

Generate a single, self-contained HTML/CSS/JS showcase by specifying domain, style, and pass, and write it to the provided outputDir.

Frequently Asked Questions about visual-creative-subagent

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

FAQPage Schema
How do I generate a self-contained HTML/CSS/JS visual showcase page quickly?▼

To generate a self-contained HTML/CSS/JS visual showcase page, specify a domain like data-vis, animation, or graphic-design, and the tool outputs a standalone file with interactive controls and verified CDN links.

Can I create generative art and data visualization in a single standalone HTML file?▼

Yes, you can create generative art and data visualization in a single standalone HTML file by selecting a domain-appropriate library, which renders immediately on load without requiring external runtime dependencies.

Does this visual creative workflow support responsive design across desktop and mobile?▼

This visual creative workflow supports responsive design across desktop and mobile, ensuring the generated HTML/CSS/JS showcase page adapts to different screen sizes while maintaining interactive controls.

Do I need Playwright to render the generated animation and graphic-design showcase pages?▼

Playwright is required as a dependency to execute the underlying scripts, but the final generated animation and graphic-design showcase pages are standalone HTML files that render immediately in any browser.

What is the best way to ensure per-pass uniqueness for rapid visual concept exploration?▼

The best way to ensure per-pass uniqueness for visual concept exploration is to specify a style and pass parameter, prompting the generation of an original, self-contained showcase built from scratch with domain-accurate libraries.

Are there limitations when generating web-development visual showcases entirely from scratch?▼

A limitation when generating web-development visual showcases from scratch is that all code relies on verified CDN libraries, meaning offline rendering requires manually downloading those external resources.

Related Skills

Explore More Design & Creative Skills→
keokukzhkeokukzh

theme-factory

Apply selected theme colors and typography to slides, documents, and HTML pages.

Community
Basic
rickylabsrickylabs

deno-fresh

Build web applications with Deno using Fresh, Preact, and Tailwind CSS.

Community
Intermediate
gqf2008gqf2008

p5js

Generate p5.js browser-based generative art and interactive visuals with HTML, PNG, GIF, MP4, or SVG export.

Community
Intermediate
dotrurudotruru

algorithmic-art

Create interactive p5.js generative art with seeded randomness and parameter controls.

Community
Advanced