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.