Skills
.Work. You
Rest

ui-hd-visual-spec

Community

Generate high-res UI visual specs.

Design & Creative#design system#svg#ui design#asset export#visual spec#high resolution
Authorjunchenghuo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures that visual assets are clear, easily sliceable, and reusable, maintaining a consistent and high-quality visual output for user interfaces.

Core Features & Use Cases

  • Visual Specification: Defines canvas dimensions, grids, color palettes, and typography systems.
  • Component Styling: Outputs visual specifications for components and their states.
  • Export Strategy: Generates local SVG export strategies and naming conventions.
  • Resolution Guidance: Provides recommendations for multi-resolution asset slicing (1x/2x/3x).
  • Use Case: A designer needs to create a style guide for a new mobile app. This Skill can help define all the visual elements, from typography to spacing, ensuring consistency across all screens and providing guidelines for exporting assets at different resolutions for various devices.

Quick Start

Use the ui-hd-visual-spec skill to generate a visual specification document for a new mobile app interface.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-hd-visual-spec
Download link: https://github.com/junchenghuo/openclaw-biz-agent/archive/main.zip#ui-hd-visual-spec

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.