visual-direction

Generate three UI design directions and create a banned-moves list.

Updated May 7, 2026
One-click install
npx skills add https://github.com/prototypdigital/claude-marketplace --skill visual-direction-prototypdigital
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-direction
Source: https://github.com/prototypdigital/claude-marketplace/tree/main/plugins/skeletor/skills/visual-direction
Command: npx skills add https://github.com/prototypdigital/claude-marketplace --skill visual-direction-prototypdigital

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill helps prevent UI drift by locking in a visual direction early, ensuring consistency throughout the design process.

Core Features & Use Cases

  • Explore Directions: Generate three distinct visual directions for UI design.
  • Lock Banned Moves: Create a banned-moves list to avoid generic UI elements.
  • Design System Document: Consolidate all elements into a single document for reference.
  • Use Case: Before starting UI development, use this skill to establish a clear visual direction and avoid creating a generic UI.

Quick Start

Use the visual-direction skill to lock the visual direction for your new project.

Frequently Asked Questions about visual-direction

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

FAQPage Schema
How do I prevent UI drift and lock a visual direction for my design system?

To prevent UI drift and maintain UI consistency, you must lock a visual direction early by generating three distinct options, selecting one, and creating a banned-moves list to avoid generic elements in your design system.

What is a banned-moves list in UI design?

A banned-moves list in UI design specifies generic elements to avoid, ensuring your design system maintains a consistent visual direction. You create it after selecting one of three distinct UI options.

How do I establish a consistent design system before starting UI development?

You establish a consistent design system by generating three distinct visual directions, manually selecting one option, and creating a banned-moves list. This consolidates UI elements into a single reference document to prevent generic design.

Does the visual direction process require manual selection?

Yes, the visual direction process requires manual selection. You must manually choose one of the three generated UI options and provide input to create the banned-moves list and design system document.

When should I lock my UI's visual personality?

You should lock your UI's visual personality before starting UI development. Establishing a clear visual direction early prevents UI drift and ensures a consistent design system throughout the project lifecycle.