skills.rest
glittercowboy
glittercowboyCOMMUNITY
Explore all skills by this author →
Website𝕏@official_tachesGitHub

aesthetic-dreaming

Create visual design system templates for plugins with adaptive questioning.

206|69|Updated Nov 11, 2025
Search Tags:#AI assistant#visual design#aesthetic#template generation#UI/UX design#creative tools#plugin UI
One-click install
npx skills add https://github.com/glittercowboy/plugin-freedom-system --skill aesthetic-dreaming
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aesthetic-dreaming
Source: https://github.com/glittercowboy/plugin-freedom-system/tree/main/.claude/skills/aesthetic-dreaming
Command: npx skills add https://github.com/glittercowboy/plugin-freedom-system --skill aesthetic-dreaming

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows you to create and refine visual design systems for plugins before any code is written. It captures your aesthetic vision through adaptive questioning, generates a structured aesthetic.md template, and can optionally create test previews, eliminating the need for a full plugin just to design its look.

Core Features & Use Cases

  • Adaptive Aesthetic Questioning: Guides you through defining overall vibe, color systems, typography, control styling, and surface treatments with intelligent, non-redundant questions.
  • Structured Aesthetic Template: Generates a detailed aesthetic.md file with 12 sections of prose, concrete examples, and application guidelines, interpretable by both humans and AI.
  • Optional Test Previews: Applies your newly defined aesthetic to various test plugin layouts (e.g., simple compressor, complex reverb) to visualize its appearance in a browser.
  • Use Case: You want to explore a "dark, modern, professional" UI for your next plugin. Use this Skill to define its exact color palette, knob styles, and spacing, then generate previews to see how it looks on different parameter counts before committing to a design.

Quick Start

To start designing a new visual aesthetic template.

I want to create a new aesthetic template.

Frequently Asked Questions about aesthetic-dreaming

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

FAQPage Schema
How do I design a plugin UI aesthetic before building the actual plugin?▼

Create aesthetic templates using adaptive questioning to define your visual design system—color palette, typography, knob styles, and spacing—then generate a structured aesthetic.md file without writing any plugin code. This lets you explore and refine your design concept upfront.

What does an aesthetic.md template include?▼

An aesthetic.md template contains 12 sections covering your design system's overall vibe, color schemes, typography guidelines, control styling, surface treatments, and application rules. It's structured for both human interpretation and AI-driven design decisions.

Can I preview how my aesthetic looks on different plugin layouts?▼

Yes, this Skill can optionally generate test previews applying your newly defined aesthetic across multiple plugin types—like simple compressors or complex reverbs—so you visualize how it renders before committing to implementation.

Do I need to know UI/UX design principles to use this?▼

No. The Skill guides you through adaptive questioning that structures your design concepts step by step, capturing visual ideas through a phase-gated workflow that enforces logical progression without requiring prior design expertise.

What's the fastest way to start creating a visual design system?▼

Begin by entering your design intent—like "dark, modern, professional"—then follow the adaptive questioning process to define color palettes, typography, and component styling. Generate aesthetic.md immediately to document your system.

Can I use an aesthetic template across multiple plugins?▼

Yes. Once you generate an aesthetic.md, it documents a reusable visual design system with concrete examples and guidelines applicable to any plugin that adopts the same color, typography, and control standards.

Related Skills

Explore More Design & Creative Skills→
sanky369sanky369
29

creative-strategist

Define brand visual direction and generate mood boards and style guides.

Community
Advanced
johnlindquistjohnlindquist
24

figma

Extract design tokens, components, and styles from Figma files.

Community
Intermediate
guideopsguideops

mono

Generate typography, color, and spacing guidelines for the mono design system.

Community
Intermediate
daffy0208daffy0208
34

UX Designer

Create information architecture, user flows, wireframes, and prototypes for digital products.

Community
Intermediate