visual-companion

Present three plain-language layout options and save the selected direction.

5|3|Updated Feb 21, 2026
One-click install
npx skills add https://github.com/richfrem/agent-plugins-skills --skill visual-companion
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-companion
Source: https://github.com/richfrem/agent-plugins-skills/tree/main/plugins/exploration-cycle-plugin/skills/visual-companion
Command: npx skills add https://github.com/richfrem/agent-plugins-skills --skill visual-companion

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Presents three plain-language layout options to the SME after the Discovery Plan to confirm visual direction before prototype construction.

Core Features & Use Cases

  • Generates three plain-language options labeled Option A, Option B, and Option C, tailored to the Discovery Plan context.
  • Reads the most recent Discovery Plan to ensure layout options align with problem domain and success criteria.
  • Saves the confirmed layout direction to exploration/captures/layout-direction.md and signals readiness to proceed.

Quick Start

Ask the SME to choose among the three options and save the selected layout to exploration/captures/layout-direction.md.

Frequently Asked Questions about visual-companion

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

FAQPage Schema
How do I preview UI layout options in plain language before prototyping?

To preview UI layout options in plain language, you can generate three tailored visual directions labeled Option A, B, and C. This helps confirm the overall design direction with stakeholders before actual prototype construction begins.

What is the best way to validate a design direction after completing a Discovery Plan?

Validating a design direction after a Discovery Plan involves presenting plain-language layout options that align with the problem domain. The selected visual direction is then saved to a markdown file to signal readiness for the next phase.

Can I use this layout planning approach outside of an active exploration session?

Yes, you can validate the visual direction and generate layout options as a standalone process. It works independently to present three tailored choices, though it also integrates seamlessly within an active exploration session.

How do I save a confirmed layout decision for my UI collaboration workflow?

You save a confirmed layout decision by writing the selected visual choice to exploration/captures/layout-direction.md. This captures the final direction and signals completion to the orchestrator to proceed.

Do I need a Discovery Plan to generate plain-language layout options?

A Discovery Plan is read to ensure the generated layout options align with your problem domain and success criteria. While the Skill works standalone, having this context ensures the three visual options are properly tailored.

Why present three plain-language options instead of direct UI prototypes?

Presenting three plain-language options allows subject matter experts to confirm the visual direction quickly without getting bogged down in technical prototype details. It bridges the gap between planning and prototype construction.