ClaudeSkills
Original editorial illustration. Preview artwork is not a tested output of this skill.

What this skill helps you do

Give your next interface a clear visual point of view, from typography to the final critique.

Use it for

  • Define a visual direction grounded in your brief.
  • Plan type, spacing and the page’s defining element.
  • Critique the interface before and after implementation.

A prompt to get started

An example input you can adapt. It is not a test result or a guarantee of output quality.

Design a homepage for a small ceramics studio. Use a distinctive visual direction and explain the design decisions.

Before you start

Compatibility and requirements are based on the publisher’s documentation.

Agents
Claude Code
Requirements

Use the complete skill folder, including scripts and references.

Follow upstream instructions for runtime tools and dependencies.

Runtime costs
Your agent and any external APIs can have separate usage costs.

We have inspected the source reference. We have not run this workflow end to end or verified its results on each agent.

Keep exploring

View all skills