Vision

Define UI/UX creative direction and strategy for redesigns and new systems.

Updated Mar 18, 2026
One-click install
npx skills add https://github.com/Dinxeshh/agent-skills --skill vision-dinxeshh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Vision
Source: https://github.com/Dinxeshh/agent-skills/tree/main/skills/vision
Command: npx skills add https://github.com/Dinxeshh/agent-skills --skill vision-dinxeshh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vision keeps creative-direction work focused on the “why” of UI/UX changes by defining clear design systems, trend alignment, and orchestration plans instead of slipping into implementation or fragmented agent handoffs.

Core Features & Use Cases

  • Creative Direction & Strategy: Plan redesigns, new product systems, and trend applications with evidence-backed principles, trade-off analysis, and component sequencing.
  • Design System Foundations: Define tokens, responsive behavior, accessibility baselines, and delegation-ready states while guarding against anti-patterns and hardcoded values.
  • Agent Orchestration & Validation: Coordinate Muse, Palette, Flow, Forge, Echo, Accord, and Warden with explicit delegation plans, Warden pre-check workflows, and referral guidance so execution stays aligned.

Quick Start

Prompt Vision to map a redesign or new-product direction covering principles, token foundations, and orchestration of Muse, Palette, Flow, and Forge.

Frequently Asked Questions about Vision

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

FAQPage Schema
How do I define a UI/UX creative direction strategy without writing implementation code?

To define a UI/UX creative direction strategy without code, map redesign phases covering design principles, token foundations, and accessibility baselines. This approach orchestrates design agents like Muse, Palette, Flow, and Forge to align execution while focusing strictly on high-level strategy and trade-off analysis.

What is the best way to orchestrate design agents for a product redesign?

The best way to orchestrate design agents for a product redesign is using explicit delegation plans and Warden pre-check workflows. This coordinates Muse, Palette, Flow, Forge, and Echo agents, ensuring execution stays aligned with the strategic design system foundations and trend analysis.

How do I plan accessibility baselines and design tokens for a new SaaS dashboard?

To plan accessibility baselines and design tokens for a new SaaS dashboard, establish responsive behavior and token foundations early. Guard against hardcoded values and anti-patterns by defining delegation-ready states, ensuring the creative direction supports accessible and scalable UI systems.

Can I use creative direction to guide trend analysis for e-commerce and marketing experiences?

Yes, you can use creative direction to guide trend analysis for e-commerce and marketing experiences. This strategy applies evidence-backed principles and component sequencing to map trend-led initiatives, ensuring your design system alignment covers the specific needs of these platforms.

Does this approach handle agent handoffs for game design systems?

Yes, this approach handles agent handoffs for game design systems by providing explicit delegation plans and referral guidance. It coordinates specialized agents like Muse, Palette, and Forge while using Warden pre-checks to prevent fragmented handoffs and maintain strategic alignment.

Why should I avoid hardcoded values when defining design system foundations?

You should avoid hardcoded values when defining design system foundations to ensure scalability and maintainability. Establishing token foundations and responsive behavior instead prevents anti-patterns, allowing your UI/UX strategy to adapt across games, SaaS, dashboards, and marketing experiences.