Can I use this skill to audit my website for accessibility?

Yes, it includes an accessibility checker and heuristic evaluation tools to help you meet WCAG AA standards and improve overall usability.

How does the Product Designer skill improve UI/UX workflows?

It provides standardized templates and automated scripts for research, prototyping, and testing, ensuring design consistency and data-driven decision-making.

Does it support design tokens for frontend development?

Absolutely. The skill includes a design token system (CSS/JSON) and scripts to generate tokens, making it easier to maintain a single source of truth for your UI.

What metrics does the usability scorer provide?

The usability_scorer.py tool calculates System Usability Scale (SUS) scores, task completion rates, time on task, and error rates from your participant data.

Product Designer

Name: Product Designer
Author: borghei

byborghei

•

Design Tools

Streamlines the end-to-end product design lifecycle with tools for UX research, design systems, and usability testing.

The Product Designer skill empowers Claude to act as a senior design partner, bridging the gap between engineering and user experience. It provides a comprehensive framework for the entire design process, including standardized workflows for user discovery, information architecture, and rapid prototyping. With built-in tools for generating design tokens, conducting heuristic evaluations, and calculating System Usability Scale (SUS) scores, this skill ensures that every product decision is backed by user-centered data and industry-standard design principles.

Key Features

0150 GitHub stars

02Design token generation and management for scalable UI systems.

03Accessibility compliance checking for WCAG AA standards.

04Automated usability scoring for task completion rates and SUS metrics.

05Heuristic evaluation tools to audit interfaces against usability best practices.

06Structured 5-day design sprint facilitation and journey mapping templates.

Use Cases

01Mapping complex user journeys to identify opportunities for feature optimization.

02Building and documenting a comprehensive design system with CSS and JSON tokens.

03Analyzing usability test data to identify friction points and prioritize UX improvements.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add borghei/claude-skills product-designer

For use in Claude.ai and ChatGPT

Download Skill