Skills
.Work. You
Rest

piflow-web-design

Community

Standardize PiFlow web design elements and colors.

Design & Creative#typography#design system#web design#brand consistency#color tokens
Authorblueif16
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The piflow-web-design Skill addresses the challenge of maintaining consistency in the visual and design elements of the PiFlow marketing site, ensuring that brand guidelines are adhered to across all edits.

Core Features & Use Cases

  • Consistent Branding: Enforces the use of predefined color tokens and typography to ensure brand consistency.
  • Design System Implementation: Provides a set of rules for the use of orange accents and ink actions, which are critical for the brand identity.
  • Quick Reference Guide: Offers a straightforward guide to the design tokens and their application, making it easy for designers and developers to follow best practices.

Quick Start

Trigger the piflow-web-design Skill before making any visual changes to the site-piflow/ directory.

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: piflow-web-design
Download link: https://github.com/blueif16/PiFlow/archive/main.zip#piflow-web-design

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 620,000+ vetted skills library on demand.