skills.rest
exiao
exiaoCOMMUNITY
Explore all skills by this author →
GitHub

visual-design

Route visual design requests to specialized sub-skills for art, charts, and interfaces.

37|12|Updated Feb 24, 2026
Search Tags:#graphic design#data visualization#visual design#frontend development#ui design#creative assets
One-click install
npx skills add https://github.com/exiao/skills --skill visual-design-exiao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-design
Source: https://github.com/exiao/skills/tree/main/visual-design
Command: npx skills add https://github.com/exiao/skills --skill visual-design-exiao

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill acts as a central router for all visual design and creative output tasks, ensuring the right sub-skill is used for each specific request, from static art to interactive data visualizations.

Core Features & Use Cases

  • Visual Art Creation: Generate standalone visual art or designs as .png or .pdf files.
  • Data Visualization: Create interactive D3.js charts and graphs for web.
  • Frontend Interfaces: Build production-grade UI components and pages with high design quality.
  • Use Case: You need to create a hero image for a blog post, a diagram illustrating a process flow, and a set of interactive charts for a web dashboard. This Skill can route each of those requests to the most appropriate specialized tool.

Quick Start

Use the visual-design skill to create a poster with a geometric pattern.

Frequently Asked Questions about visual-design

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

FAQPage Schema
How do I generate data visualization charts for a web dashboard?▼

To create data visualization for web dashboards, this skill routes requests to specialized sub-skills that generate interactive D3.js charts and graphs outputting as HTML files. It handles the routing to ensure the appropriate charting tool is applied for your specific dataset.

Can I build production-grade frontend interfaces and UI components?▼

Yes, you can build production-grade frontend interfaces by leveraging this skill to route your UI design requests to specialized sub-skills that utilize frontend frameworks. This ensures high design quality for your web pages and components.

What is the best way to create static visual art like a poster?▼

The best way to create static visual art like posters is using this skill to route your design requests, generating standalone creative assets. It outputs final designs directly as `.png` or `.pdf` files for immediate use.

Does this tool work with D3.js and Excalidraw for diagrams?▼

Yes, it works with D3.js and Excalidraw by routing visual design requests to these specialized tools. It leverages D3.js for interactive data visualizations and Excalidraw for creating diagrams like process flows.

When do I need a central router for visual design tasks?▼

You need a central router for visual design tasks when you have mixed output requirements, such as generating a hero image, a process flow diagram, and interactive web charts. It ensures the right sub-skill is used for each specific request.

Related Skills

Explore More Design & Creative Skills→
rakibulismrakibulism
2

algorithmic-art

Create seeded generative art concepts with interactive p5.js HTML viewers.

Community
Advanced
joaoprocopiojoaoprocopio
2

frontend-design

Build production-grade frontend interfaces in HTML, CSS, and JS.

Community
Advanced
montenokimontenoki

d3-viz

Bind data to DOM elements and create interactive visualizations with d3.js.

Community
Advanced
zhuxiningzhuxining

canvas-design

Translate a design philosophy into a single-page PDF or PNG canvas.

Community
Advanced