ui-ux-designer

Define brand visual identity through structured discovery and reference analysis.

28|6|Updated Aug 31, 2025
One-click install
npx skills add https://github.com/Hive-Academy/ptah-extension --skill ui-ux-designer-hive-academy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/Hive-Academy/ptah-extension/tree/main/apps/ptah-extension-vscode/assets/plugins/ptah-core/skills/ui-ux-designer
Command: npx skills add https://github.com/Hive-Academy/ptah-extension --skill ui-ux-designer-hive-academy

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps users systematically discover and craft their unique visual identity, enabling consistent branding and compelling graphics without guesswork.

Core Features & Use Cases

  • Visual Identity Discovery: Guides through niche, personality, and metaphor selection to define brand aesthetics.
  • Reference Analysis: Assists in analyzing admired websites for style cues and color palettes.
  • Design System Building: Creates comprehensive tokens for colors, typography, spacing, and effects aligned with the discovered aesthetic.
  • Asset Generation: Recommends workflows for producing icons, illustrations, backgrounds, and 3D elements using AI tools and native capabilities.
  • Use Case: Imagine launching a new developer tool requiring a mysterious, premium dark style—this Skill guides you from aesthetic exploration to deliverables.

Quick Start

Ask the AI to help define your style by choosing a niche and analyzing references, then generate a matched color palette and typography setup for your brand.

Frequently Asked Questions about ui-ux-designer

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

FAQPage Schema
How do I define a brand's visual identity without guesswork?

To define a visual identity without guesswork, use structured aesthetic discovery to select your niche, personality traits, and metaphors. This process translates abstract brand concepts into concrete style cues and foundational design rules for consistent branding.

How do I extract a color palette from reference websites?

You can extract a color palette from reference websites by analyzing their visual style cues. The system evaluates admired sites to derive matching color schemes and aesthetic principles aligned with your brand's desired visual direction.

What is the best way to build a design system for a new brand?

The best way to build a design system is to generate comprehensive design tokens for colors, typography, spacing, and effects. This ensures visual elements remain aligned with your discovered brand aesthetic across product workflows.

Can I generate icons and illustrations using AI assets?

Yes, you can generate icons, illustrations, backgrounds, and 3D elements using AI assets. The system recommends specific workflows leveraging AI tools and native capabilities to produce visual assets matching your defined design system.

Does this visual design workflow suit a dark premium developer tool brand?

Yes, this visual design workflow suits a dark premium developer tool brand by guiding you from aesthetic exploration to final deliverables. It targets branding, marketing, and product design workflows requiring specific stylistic themes like mysterious or premium aesthetics.