skills.rest
jwmyers
jwmyersCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

visual-style-guide

Define color palettes, SVG styling, and token designs for Zero-Day Attack interfaces.

Updated Jan 2, 2026
Search Tags:#accessibility#visual-design#color-palette#ui-standards#svg-styling#grid-rendering#token-design
One-click install
npx skills add https://github.com/jwmyers/vui-vux-plugins --skill visual-style-guide
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-style-guide
Source: https://github.com/jwmyers/vui-vux-plugins/tree/main/plugins/zero-day-dev/skills/visual-style-guide
Command: npx skills add https://github.com/jwmyers/vui-vux-plugins --skill visual-style-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Visual design cohesion across Zero-Day Attack interfaces is often inconsistent; this guide consolidates color palettes, SVG styling rules, and rendering conventions to ensure a unified look and predictable behavior.

Core Features & Use Cases

  • Centralized color system including palette, path colors, and tile/grid colors to enable consistent design across UI and assets.
  • SVG and token design standards to streamline asset production for tiles and tokens, and to support accessibility guidelines.
  • Use Case: Designers and developers reference this guide when updating or creating visuals to maintain brand consistency.

Quick Start

Apply the official color palette and SVG styling rules to all UI assets and token visuals for Zero-Day Attack.

Frequently Asked Questions about visual-style-guide

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

FAQPage Schema
How do I establish a cohesive color palette and visual style for UI interfaces?▼

To establish a cohesive color palette and visual style for UI interfaces, apply a centralized color system that defines path colors, tile colors, and grid colors to ensure consistent rendering and predictable behavior across all assets.

What are the SVG styling standards for token design and grid rendering?▼

SVG styling standards for token design and grid rendering specify visual rules for asset production, ensuring that tiles and tokens maintain a unified look and support accessibility guidelines across the interface.

Can I use these visual design standards to fix inconsistent UI rendering across assets?▼

Yes, you can use these visual design standards to fix inconsistent UI rendering by codifying rendering order notes and SVG specifications, which consolidate styling conventions into a single reference for predictable behavior.

Does the visual style guide include accessibility guidance for color systems?▼

Yes, the visual style guide includes accessibility guidance for color systems, ensuring that token designs, SVG specifications, and palette selections satisfy documentation requirements for accessible interface rendering.

What is the best way to document UI standards for tiles and tokens?▼

The best way to document UI standards for tiles and tokens is to codify a centralized reference covering color system documentation, SVG specifications, and token design references, enabling designers and developers to maintain brand consistency.

Related Skills

Explore More Design & Creative Skills→
BinkyTwinBinkyTwin
1

ui-theme

Enforce token-based Tailwind theming with CSS variables for UI colors.

Community
Intermediate
Artag-ChrisArtag-Chris
1

lumen-design-system

Define design tokens, typography, spacing, and component styling for web interfaces.

Community
Advanced
Community-AccessCommunity-Access
387

Contrast Master

Audit color contrast and visual accessibility for WCAG AA compliance.

Official
Advanced
deichworxdeichworx

brand-guidelines

Apply Anthropic brand colors, typography, and formatting rules to presentations and documents.

Community
Basic