product-craft
CommunityMake your product feel professionally polished.
Authoralexwox
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provide implementation-level craft guidance that turns amateur-feeling interfaces into professionally polished products by standardizing spacing, typography, shadows, animations, component states, and invisible polish details so the UI feels intentional and reliable.
Core Features & Use Cases
- Build a brand-agnostic design system with fill-in-the-blank procedures for spacing, typography, color, shadows, motion, component states, and polish.
- Audit existing products to produce scored checklists, prioritized fixes, and code-level Tailwind/CSS/React recommendations.
- Deep-dive on a single domain (animations, spacing, shadows, micro-interactions) with decision rules, worked examples, anti-patterns, and exact production values.
- Outputs include complete design token files, component state matrices, prioritized audit reports, and references to anchored research files.
Quick Start
Audit my dashboard and produce a prioritized polish report with Tailwind token suggestions for spacing, typography, shadows, animations, and component states.
Dependency Matrix
Required Modules
None requiredComponents
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: product-craft Download link: https://github.com/alexwox/genesis-template/archive/main.zip#product-craft Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.