Skills
.Work. You
Rest

demo-ui-direction

Community

Define and standardize the visual style for the demo site.

Design & Creative#visual consistency#style guide#ui design#layout patterns#component standards
AuthorInnei
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It provides clear guidance on the visual style, layout, and component conventions necessary for consistent UI development on the haklex demo site.

Core Features & Use Cases

  • Design Consistency: Establishes a monochrome color palette, typography, spacing, and component patterns.
  • Guidelines for Layout: Defines header, navigation, content area, and page-specific layout conventions.
  • Use Case: UI developers implement new pages or components following these specifications to ensure visual harmony and adherence to the overall design system.

Quick Start

Refer to this skill when creating new demo pages or components to ensure style consistency and layout precision.

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: demo-ui-direction
Download link: https://github.com/Innei/haklex/archive/main.zip#demo-ui-direction

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.