Skip to content

Search skills.../

Agent Skill Search Engine

Search

Search
Categories
Occupations

About

About
Privacy
Terms

© 2026 Skills Pool. All rights reserved.

Visual Direction Strategy | Skills Pool

Skill File

Visual Direction Strategy

Translate the product personality, trust requirements, and use context into a coherent visual direction and design system starting point.

ikseong000 starsApr 11, 2026

Occupation
Categories: Sales & Marketing

Skill Content

Purpose

Turn product meaning into a visual system direction that supports trust, hierarchy, and differentiation.

Use When

the product is defined but the visual direction still feels generic or vague
references exist but the actual direction is not yet clear
the team needs a stable design system starting point

Inputs

planning outputs and design intake summary
known references, constraints, and product context
state and trust requirements that should affect the visual system

Operating Boundary

This skill follows DESIGN-SKILL-AGENT-CONTRACTS.md.

Do not stop at mood-board language.
Tie visual direction to product meaning, trust, and usage context.

Related Skills

Quick Install

Visual Direction Strategy

npx skillvault add ikseong00/ikseong00-make-product-spec-product-spec-design-skills-visual-direction-strategy-skill-md

Download Skill Open repository

Author: ikseong00
stars: 0
Updated: Apr 11, 2026
Occupation

On this page

Closed tokens and generator rules should stay explicit.

Avoid generic AI design drift.

Core Workflow

Define the visual thesis and atmosphere.
Translate it into color, type, spacing, depth, motion, and component rules.
Capture what should never drift or become generic.
Write a stitch-friendly prompt guide and token table.
Call out unresolved visual risks or missing evidence.
Recommend screen or synthesis work next.

Must Capture

visual thesis
palette and typography direction
spacing, radius, and depth rules
anti-slop rules
stitch prompt guidance

Record Writes

DESIGN.md
open_questions
recommended_next_step

Output

visual_direction_summary
design_system_seed
recommended_next_skill

Quality Bar

The output should feel product-specific, not like default SaaS styling.
Generators should have enough rules to build from without inventing the system.

Completion

## SKILL COMPLETE or ## SKILL BLOCKED
recommended_next_skill: experience-flow-design, screen-spec-design, or design-synthesis

02

Use When

04Operating Boundary

05Core Workflow

07Record Writes

Sales & Marketing

Taskflow Inbox Triage

Example TaskFlow authoring pattern for inbox triage. Use when messages need different treatment based on intent, with some routes notifying immediately, some waiting on outside answers, and others rolling into a later summary.

Sales & Marketing

Accessibility

Primary accessibility skill for VS Code. REQUIRED for new feature and contribution work, and also applies to updates of existing UI. Covers accessibility help dialogs, accessible views, verbosity settings, signals, ARIA announcements, keyboard navigation, and ARIA labels/roles.

microsoft184.0k

Sales & Marketing

Open a Pull Request

Open a pull request with proper PR template, test coverage, and review workflow. Guides agents through creating a PR that follows repo conventions, ensures existing behaviors aren't broken, covers new behaviors with tests, and handles review via bot when local testing isn't possible. TRIGGER when user asks to "open a PR", "create a PR", "make a PR", "submit a PR", "open pull request", "push and create PR", or any variation of opening/submitting a pull request.

Significant-Gravitas183.5k

Sales & Marketing

Investor Materials

Create and update pitch decks, one-pagers, investor memos, accelerator applications, financial models, and fundraising materials. Use when the user needs investor-facing documents, projections, use-of-funds tables, milestone plans, or materials that must stay internally consistent across multiple fundraising assets.

Sales & Marketing

Continuous Agent Loop

具有质量门、评估和恢复控制的连续自主代理循环模式。

Sales & Marketing

Configure Ecc

Everything Claude Code 的交互式安装程序 — 引导用户选择并安装技能和规则到用户级或项目级目录，验证路径，并可选择优化已安装文件。