Canvas Design

What it does

This skill generates responsive website canvas designs (HTML/CSS) based on text prompts. It operates in two distinct steps: first, it creates a design philosophy—an aesthetic movement described in markdown format (.md file). Second, it visually expresses this philosophy through a canvas design delivered as either a PDF or PNG file. The focus is heavily weighted towards visual expression and artistic interpretation with minimal textual explanation.

When to use it

• You need inspiration for a website's overall aesthetic direction.
• You want to define a unique brand identity expressed visually rather than through written descriptions.
• You’re looking to create marketing materials that prioritize impactful visuals over extensive text.

Key capabilities

• Design Philosophy Creation: Generates a design philosophy document outlining an aesthetic movement, including considerations for form, space, color, composition, and visual hierarchy.
• Visual Expression: Translates the generated design philosophy into a visual canvas design (.pdf or .png).
• Emphasis on Craftsmanship: The created philosophies explicitly instruct the AI to prioritize meticulous craftsmanship and master-level execution in the visual output.
• Output Formats: Provides outputs as markdown files (.md), PDF files (.pdf), and PNG files (.png).

Example prompts

• "Create a design philosophy called 'Chromatic Silence' for a luxury watch brand."
• "Generate a visual philosophy centered around 'Brutalist Joy' suitable for a modern art gallery website."
• “Develop a design philosophy that combines Polish poster art with Le Corbusier’s architectural principles, and then express it visually.”

Tips & gotchas

• The skill prioritizes visual expression; prompts should focus on aesthetic concepts rather than specific layout requirements.
• The generated philosophies are intended to guide the AI's creative process, so while providing direction is helpful, avoid overly restrictive instructions.
• Expect a strong emphasis on craftsmanship and high-quality execution in the resulting visual designs.