Skills
.Work. You
Rest

ui-setup

Community

Guides StyleSeed setup to a cohesive UI.

Design & Creative#ui#frontend#setup#design-system#styleseed
Authoranonymouswhite07
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Designing a new app's UI can be time-consuming and error-prone without a structured starting point. This Skill provides an interactive wizard that captures brand context, tokens, and layout direction to bootstrap a design-system-aligned workspace.

Core Features & Use Cases

  • Interactive, one-question-at-a-time setup to collect app type, brand color, visual style, and typography
  • Generates initial tokens and a first-page scaffold aligned with the chosen design language
  • Use Case: teams starting new projects with the StyleSeed Toss seed can rapidly create a consistent, brand-aware UI foundation

Quick Start

Launch the UI Setup wizard and answer the prompts to configure tokens, app type, brand color, typography, and the initial screen.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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-setup
Download link: https://github.com/anonymouswhite07/Portfolio-v1/archive/main.zip#ui-setup

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.