Skills
.Work. You
Rest

fashion-styling

Community

Phase-based styling guide for fashion boutiques.

Design & Creative#typography#design system#color system#UI patterns#fashion styling#brand design
AuthorNikojuu
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This guide provides a complete, phase-by-phase styling framework to transform a fashion boutique's UI into a modern editorial aesthetic, saving time and ensuring brand consistency across pages and components.

Core Features & Use Cases

  • Phase 1 Foundation: defines color tokens, typography, and base utilities to establish a cohesive design system.
  • Phase 2 Layout & Navigation: prescribes structural patterns for header, footer, and sidebar navigation to improve usability.
  • Phase 3 Homepage & Products: supplies ready-made section headers, hero and product card patterns for fast storefront building.
  • Phase 4 Cart, Checkout & Auth: outlines UI patterns for forms, CTAs, and status indicators to streamline purchase flow.
  • Phase 5 Dashboard & Static Pages: provides page headers, blocks, and empty-state patterns for admin and policy content.

Quick Start

Start by applying Phase 1 foundations: set global colors, fonts, and basic components, then progress sequentially through the remaining phases.

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: fashion-styling
Download link: https://github.com/Nikojuu/hienohelma/archive/main.zip#fashion-styling

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.