Reorganize: Move all skills to skills/ folder
- Created skills/ directory - Moved 272 skills to skills/ subfolder - Kept agents/ at root level - Kept installation scripts and docs at root level Repository structure: - skills/ - All 272 skills from skills.sh - agents/ - Agent definitions - *.sh, *.ps1 - Installation scripts - README.md, etc. - Documentation Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
admin
@@ -1,640 +0,0 @@
|
||||
# Superpowers Plugin CTA Section - Implementation Guide
|
||||
|
||||
## Overview
|
||||
|
||||
This guide provides step-by-step instructions for implementing the conversion-optimized CTA section for the Superpowers Plugin article. The design leverages cognitive psychology, glassmorphism aesthetics, and proven conversion optimization strategies.
|
||||
|
||||
**Target Conversion Rate**: 8-12% (industry average: 2-4%)
|
||||
**Design System**: UI/UX Pro Max
|
||||
**Accessibility**: WCAG AA Compliant
|
||||
|
||||
---
|
||||
|
||||
## Quick Start (5-Minute Setup)
|
||||
|
||||
### Step 1: Customize URLs
|
||||
|
||||
Open `superpowers-cta-optimized.html` and replace the placeholder URLs:
|
||||
|
||||
```html
|
||||
<!-- Replace these two URLs -->
|
||||
<a href="[GITHUB_REPO_URL]" class="super-cta-primary">
|
||||
<!-- Change to: https://github.com/your-username/superpowers-plugin -->
|
||||
</a>
|
||||
|
||||
<a href="[INSTALLATION_DOCS_URL]" class="super-cta-secondary">
|
||||
<!-- Change to: https://your-docs-site.com/installation -->
|
||||
</a>
|
||||
```
|
||||
|
||||
### Step 2: Update Statistics
|
||||
|
||||
Replace the placeholder stats with real numbers:
|
||||
|
||||
```html
|
||||
<span class="super-stat-value">2.5k+</span> <!-- GitHub stars -->
|
||||
<span class="super-stat-value">10k+</span> <!-- Installations -->
|
||||
<span class="super-stat-value">500+</span> <!-- Active developers -->
|
||||
```
|
||||
|
||||
### Step 3: Install in WordPress
|
||||
|
||||
**Option A: Custom HTML Block (Recommended)**
|
||||
1. Edit the Superpowers Plugin article (Post ID: TBD)
|
||||
2. Scroll to the end of the article content
|
||||
3. Add a "Custom HTML" block
|
||||
4. Paste the entire content from `superpowers-cta-optimized.html`
|
||||
5. Update/Publish the post
|
||||
|
||||
**Option B: Theme Template**
|
||||
1. Access your theme files via FTP or file manager
|
||||
2. Locate `single.php` or `content.php`
|
||||
3. Find the article end location
|
||||
4. Paste the HTML/CSS code
|
||||
5. Save the file
|
||||
|
||||
### Step 4: Test the Implementation
|
||||
|
||||
1. **Visual Test**: Check the section appears correctly
|
||||
2. **Link Test**: Click both CTAs to verify URLs work
|
||||
3. **Mobile Test**: View on mobile device (responsive design)
|
||||
4. **Analytics Test**: Check Google Analytics for events firing
|
||||
|
||||
---
|
||||
|
||||
## Customization Options
|
||||
|
||||
### Color Scheme
|
||||
|
||||
The CTA uses CSS variables for easy color customization:
|
||||
|
||||
```css
|
||||
:root {
|
||||
--super-primary: #6366f1; /* Main brand color (Indigo) */
|
||||
--super-secondary: #8b5cf6; /* Gradient accent (Purple) */
|
||||
--super-accent: #10b981; /* Success color (Emerald) */
|
||||
}
|
||||
```
|
||||
|
||||
**To change colors**:
|
||||
1. Open the HTML file
|
||||
2. Locate the `<style>` section
|
||||
3. Find the `:root` variables
|
||||
4. Replace the hex codes with your brand colors
|
||||
|
||||
**Alternative Color Schemes**:
|
||||
|
||||
**Blue & Teal (Trust)**:
|
||||
```css
|
||||
--super-primary: #0ea5e9;
|
||||
--super-secondary: #14b8a6;
|
||||
--super-accent: #06b6d4;
|
||||
```
|
||||
|
||||
**Orange & Red (Energy)**:
|
||||
```css
|
||||
--super-primary: #f97316;
|
||||
--super-secondary: #ef4444;
|
||||
--super-accent: #f59e0b;
|
||||
```
|
||||
|
||||
**Green & Lime (Growth)**:
|
||||
```css
|
||||
--super-primary: #22c55e;
|
||||
--super-secondary: #84cc16;
|
||||
--super-accent: #10b981;
|
||||
```
|
||||
|
||||
### Typography
|
||||
|
||||
Adjust font sizes in the `<style>` section:
|
||||
|
||||
```css
|
||||
.super-heading {
|
||||
font-size: 2.5rem; /* Reduce to 2rem for smaller headings */
|
||||
}
|
||||
|
||||
.super-subheading {
|
||||
font-size: 1.125rem; /* Reduce to 1rem for compact design */
|
||||
}
|
||||
|
||||
.super-cta-primary {
|
||||
font-size: 1.125rem; /* Adjust button text size */
|
||||
}
|
||||
```
|
||||
|
||||
### Spacing
|
||||
|
||||
Modify padding and margins:
|
||||
|
||||
```css
|
||||
.super-glass-card {
|
||||
padding: 3rem; /* Reduce to 2rem for more compact design */
|
||||
}
|
||||
|
||||
.super-cta-section {
|
||||
padding: 4rem 1rem; /* Reduce to 3rem 1rem for tighter spacing */
|
||||
margin: 4rem 0; /* Reduce to 3rem 0 for less vertical space */
|
||||
}
|
||||
```
|
||||
|
||||
### Badge Text
|
||||
|
||||
Change the "v1.0 Released" badge:
|
||||
|
||||
```html
|
||||
<div class="super-badge">
|
||||
<span class="super-badge-icon">✨</span>
|
||||
<span class="super-badge-text">NEW</span> <!-- Or: "FREE", "v1.0", "LIVE" -->
|
||||
</div>
|
||||
```
|
||||
|
||||
**Icon Options**:
|
||||
- ✨ Sparkle (NEW/Featured)
|
||||
- 🚀 Rocket (Launch/Growth)
|
||||
- ⚡ Lightning (Fast/Powerful)
|
||||
- 🔥 Fire (Hot/Trending)
|
||||
- 💎 Gem (Premium/Quality)
|
||||
|
||||
---
|
||||
|
||||
## A/B Testing Strategy
|
||||
|
||||
### Test Variants
|
||||
|
||||
#### Variant A: Headline Testing
|
||||
|
||||
**Option 1 (Benefit-Driven)**:
|
||||
```html
|
||||
<h2 class="super-heading">
|
||||
Transform Claude Code into a <span class="super-gradient">Senior Developer</span>
|
||||
</h2>
|
||||
```
|
||||
|
||||
**Option 2 (Feature-Driven)**:
|
||||
```html
|
||||
<h2 class="super-heading">
|
||||
Give Claude Code <span class="super-gradient">Real Development Skills</span>
|
||||
</h2>
|
||||
```
|
||||
|
||||
**Option 3 (Outcome-Driven)**:
|
||||
```html
|
||||
<h2 class="super-heading">
|
||||
Ship <span class="super-gradient">Better Code 10x Faster</span> with AI
|
||||
</h2>
|
||||
```
|
||||
|
||||
#### Variant B: CTA Button Testing
|
||||
|
||||
**Option 1 (Direct)**:
|
||||
```html
|
||||
<span class="super-cta-text">Install Superpowers Plugin</span>
|
||||
```
|
||||
|
||||
**Option 2 (Benefit)**:
|
||||
```html
|
||||
<span class="super-cta-text">Give Claude Code Superpowers</span>
|
||||
```
|
||||
|
||||
**Option 3 (Action)**:
|
||||
```html
|
||||
<span class="super-cta-text">Start Building Better Code</span>
|
||||
```
|
||||
|
||||
#### Variant C: Feature Count
|
||||
|
||||
**Test 3 Features** (Current):
|
||||
- TDD
|
||||
- Debugging
|
||||
- Planning
|
||||
|
||||
**Test 4 Features** (Add CI/CD):
|
||||
- TDD
|
||||
- Debugging
|
||||
- Planning
|
||||
- CI/CD Integration
|
||||
|
||||
#### Variant D: Layout Testing
|
||||
|
||||
**Layout 1** (Current): Features above CTA
|
||||
```html
|
||||
<div class="super-features">...</div>
|
||||
<a class="super-cta-primary">...</a>
|
||||
```
|
||||
|
||||
**Layout 2**: Features below CTA
|
||||
```html
|
||||
<a class="super-cta-primary">...</a>
|
||||
<div class="super-features">...</div>
|
||||
```
|
||||
|
||||
### Testing Implementation
|
||||
|
||||
**Using Google Optimize**:
|
||||
1. Create experiment in Google Optimize
|
||||
2. Add variants (A, B, C, etc.)
|
||||
3. Set objective: Clicks on CTA button
|
||||
4. Target: CTA section element
|
||||
5. Traffic allocation: 25% per variant (4 variants)
|
||||
6. Run for minimum 2 weeks
|
||||
|
||||
**Using WordPress Plugins**:
|
||||
- **Nelio A/B Testing**: Visual editor, easy setup
|
||||
- **Google Experiments for WordPress**: Free, integrates with GA4
|
||||
- **Convert Pro**: Popup-based testing
|
||||
|
||||
### Success Metrics
|
||||
|
||||
**Primary Metric**: CTR (Click-Through Rate)
|
||||
```
|
||||
CTR = (Clicks on CTA / Visitors to Section) × 100
|
||||
|
||||
Target: >8%
|
||||
Baseline: 2-4% (industry average)
|
||||
```
|
||||
|
||||
**Secondary Metrics**:
|
||||
- **Conversion Rate**: Installs / Clicks (Target: >25%)
|
||||
- **Scroll Depth**: % reaching CTA section (Target: >70%)
|
||||
- **Time on Page**: Average time spent (Target: +30s vs baseline)
|
||||
|
||||
**Statistical Significance**:
|
||||
- Minimum sample size: 1,000 visitors per variant
|
||||
- Confidence level: 95%
|
||||
- Test duration: 2-4 weeks
|
||||
|
||||
---
|
||||
|
||||
## Analytics Integration
|
||||
|
||||
### Google Analytics 4 Events
|
||||
|
||||
Add event tracking to measure CTA performance:
|
||||
|
||||
```html
|
||||
<script>
|
||||
// Track Primary CTA Clicks
|
||||
document.querySelector('.super-cta-primary').addEventListener('click', (e) => {
|
||||
gtag('event', 'click', {
|
||||
'event_category': 'CTA',
|
||||
'event_label': 'Install Plugin - Primary',
|
||||
'value': 1
|
||||
});
|
||||
});
|
||||
|
||||
// Track Secondary CTA Clicks
|
||||
document.querySelector('.super-cta-secondary').addEventListener('click', (e) => {
|
||||
gtag('event', 'click', {
|
||||
'event_category': 'CTA',
|
||||
'event_label': 'View Documentation - Secondary',
|
||||
'value': 1
|
||||
});
|
||||
});
|
||||
|
||||
// Track Section Visibility (Scroll Depth)
|
||||
const ctaSection = document.querySelector('.super-cta-section');
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
gtag('event', 'scroll', {
|
||||
'event_category': 'Engagement',
|
||||
'event_label': 'CTA Section Viewed',
|
||||
'value': 1
|
||||
});
|
||||
observer.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.5 });
|
||||
|
||||
observer.observe(ctaSection);
|
||||
</script>
|
||||
```
|
||||
|
||||
### Heatmap Setup
|
||||
|
||||
**Recommended Tools**:
|
||||
1. **Hotjar**: Heatmaps, recordings, surveys
|
||||
2. **Crazy Egg**: Click maps, scroll maps
|
||||
3. **Microsoft Clarity**: Free heatmaps & recordings
|
||||
|
||||
**Setup**:
|
||||
1. Install tracking script on your site
|
||||
2. Focus heatmap on CTA section
|
||||
3. Monitor for 2-4 weeks
|
||||
4. Analyze click density and attention
|
||||
|
||||
**Key Metrics to Track**:
|
||||
- Click density on CTA button
|
||||
- Mouse hover patterns
|
||||
- Scroll depth to CTA section
|
||||
- Time spent in section
|
||||
|
||||
---
|
||||
|
||||
## Performance Optimization
|
||||
|
||||
### Load Time Optimization
|
||||
|
||||
**Current Performance**:
|
||||
- HTML size: ~15KB
|
||||
- CSS size: ~12KB (inline)
|
||||
- JS size: ~1KB (optional animations)
|
||||
- Total: ~28KB
|
||||
|
||||
**Optimization Tips**:
|
||||
|
||||
1. **Inline Critical CSS**: Already implemented
|
||||
2. **Defer Non-Critical**: Animations load after interaction
|
||||
3. **Use System Fonts**: Eliminates web font loading
|
||||
4. **Minify Code**: Remove whitespace/comments for production
|
||||
|
||||
### Core Web Vitals Targets
|
||||
|
||||
| Metric | Target | Current | Status |
|
||||
|--------|--------|---------|--------|
|
||||
| LCP (Largest Contentful Paint) | <2.5s | ~0.8s | Pass |
|
||||
| FID (First Input Delay) | <100ms | ~20ms | Pass |
|
||||
| CLS (Cumulative Layout Shift) | <0.1 | 0.0 | Pass |
|
||||
|
||||
### Browser Compatibility
|
||||
|
||||
**Tested Browsers**:
|
||||
- Chrome 90+ (Desktop & Mobile)
|
||||
- Firefox 88+ (Desktop & Mobile)
|
||||
- Safari 14+ (Desktop & iOS)
|
||||
- Edge 90+ (Chromium)
|
||||
|
||||
**Fallback Strategies**:
|
||||
|
||||
**Backdrop Filter** (Glass effect):
|
||||
```css
|
||||
.super-glass-card {
|
||||
background: rgba(255, 255, 255, 0.95); /* Fallback */
|
||||
background: rgba(255, 255, 255, 0.85);
|
||||
backdrop-filter: blur(20px); /* Modern browsers */
|
||||
}
|
||||
```
|
||||
|
||||
**Gradient Text**:
|
||||
```css
|
||||
.super-gradient {
|
||||
color: var(--super-primary); /* Fallback */
|
||||
background: linear-gradient(...);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent; /* Modern browsers */
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Accessibility Checklist
|
||||
|
||||
### WCAG AA Compliance
|
||||
|
||||
- [x] **Color Contrast**: All text meets 4.5:1 ratio
|
||||
- [x] **Focus Indicators**: 3px outline on interactive elements
|
||||
- [x] **Keyboard Navigation**: Tab order matches visual order
|
||||
- [x] **Screen Reader Support**: Semantic HTML, ARIA labels
|
||||
- [x] **Reduced Motion**: Respects `prefers-reduced-motion`
|
||||
- [x] **Text Scaling**: Works up to 200% zoom
|
||||
- [x] **Touch Targets**: Minimum 44x44px on mobile
|
||||
|
||||
### Testing Tools
|
||||
|
||||
**Automated Testing**:
|
||||
- **WAVE**: WebAIM's accessibility evaluator
|
||||
- **axe DevTools**: Chrome extension for accessibility
|
||||
- **Lighthouse**: Built into Chrome DevTools
|
||||
|
||||
**Manual Testing**:
|
||||
1. **Keyboard Navigation**: Tab through all interactive elements
|
||||
2. **Screen Reader**: Test with NVDA (Windows) or VoiceOver (Mac)
|
||||
3. **Color Contrast**: Use Chrome DevTools contrast checker
|
||||
4. **Zoom Testing**: Test at 200% zoom level
|
||||
|
||||
---
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
### Common Issues
|
||||
|
||||
**Issue 1: Links Not Working**
|
||||
```
|
||||
Solution: Verify URLs are correct and not blocked by theme JavaScript.
|
||||
Test: Open browser console and check for errors.
|
||||
```
|
||||
|
||||
**Issue 2: Mobile Layout Broken**
|
||||
```
|
||||
Solution: Check for CSS conflicts with theme.
|
||||
Test: Use browser DevTools to identify conflicting styles.
|
||||
```
|
||||
|
||||
**Issue 3: Animations Not Smooth**
|
||||
```
|
||||
Solution: Check if other page CSS is conflicting.
|
||||
Test: Disable other animations on page temporarily.
|
||||
```
|
||||
|
||||
**Issue 4: Colors Don't Match Theme**
|
||||
```
|
||||
Solution: Update CSS variables in :root selector.
|
||||
Test: Use browser inspector to preview changes live.
|
||||
```
|
||||
|
||||
**Issue 5: Analytics Not Firing**
|
||||
```
|
||||
Solution: Verify Google Analytics is installed on site.
|
||||
Test: Use Google Analytics Debugger Chrome extension.
|
||||
```
|
||||
|
||||
### Getting Help
|
||||
|
||||
1. **Check Documentation**: Review this guide thoroughly
|
||||
2. **Browser Console**: Look for JavaScript errors
|
||||
3. **Conflict Test**: Disable other plugins temporarily
|
||||
4. **Clean Install**: Remove and reinstall the HTML/CSS
|
||||
5. **Support Contact**: Reach out through official channels
|
||||
|
||||
---
|
||||
|
||||
## Maintenance & Updates
|
||||
|
||||
### Regular Maintenance Tasks
|
||||
|
||||
**Weekly**:
|
||||
- [ ] Check analytics for conversion rate
|
||||
- [ ] Verify links are working
|
||||
- [ ] Monitor for any visual issues
|
||||
|
||||
**Monthly**:
|
||||
- [ ] Update statistics (stars, installs)
|
||||
- [ ] Review heatmap data
|
||||
- [ ] Test on mobile devices
|
||||
|
||||
**Quarterly**:
|
||||
- [ ] Run A/B tests on new variants
|
||||
- [ ] Update copy based on performance
|
||||
- [ ] Review and update accessibility
|
||||
|
||||
### Version Updates
|
||||
|
||||
When updating to a new version:
|
||||
|
||||
1. **Backup Current Version**: Save working HTML/CSS
|
||||
2. **Test on Staging**: Install on staging site first
|
||||
3. **Check Analytics**: Verify events still fire
|
||||
4. **Mobile Test**: Test on multiple devices
|
||||
5. **Deploy to Production**: After testing complete
|
||||
|
||||
---
|
||||
|
||||
## Advanced Customization
|
||||
|
||||
### Add Testimonial Section
|
||||
|
||||
Insert this after the stats section:
|
||||
|
||||
```html
|
||||
<!-- Testimonial Section -->
|
||||
<div class="super-testimonial">
|
||||
<svg class="super-quote-icon" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path d="M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z"/>
|
||||
</svg>
|
||||
<p class="super-testimonial-text">
|
||||
"Superpowers Plugin transformed how I use Claude Code. The TDD workflow alone saved me 10+ hours last week."
|
||||
</p>
|
||||
<div class="super-testimonial-author">
|
||||
<span class="super-author-name">Sarah Chen</span>
|
||||
<span class="super-author-title">Senior Developer @ TechCorp</span>
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
Add corresponding CSS:
|
||||
|
||||
```css
|
||||
.super-testimonial {
|
||||
max-width: 600px;
|
||||
margin: 2rem auto 0;
|
||||
padding: 1.5rem;
|
||||
background: rgba(99, 102, 241, 0.05);
|
||||
border-radius: var(--super-radius-lg);
|
||||
border: 1px solid rgba(99, 102, 241, 0.1);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.super-quote-icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
color: var(--super-primary);
|
||||
opacity: 0.3;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.super-testimonial-text {
|
||||
font-size: 1rem;
|
||||
font-style: italic;
|
||||
color: var(--super-text-primary);
|
||||
line-height: 1.6;
|
||||
margin: 0 0 1rem 0;
|
||||
}
|
||||
|
||||
.super-testimonial-author {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.25rem;
|
||||
}
|
||||
|
||||
.super-author-name {
|
||||
font-weight: 600;
|
||||
color: var(--super-text-primary);
|
||||
}
|
||||
|
||||
.super-author-title {
|
||||
font-size: 0.875rem;
|
||||
color: var(--super-text-secondary);
|
||||
}
|
||||
```
|
||||
|
||||
### Add Video Preview
|
||||
|
||||
Insert a video thumbnail before the CTA:
|
||||
|
||||
```html
|
||||
<div class="super-video-preview">
|
||||
<a href="[VIDEO_URL]" class="super-video-link" target="_blank">
|
||||
<div class="super-video-thumbnail">
|
||||
<img src="[VIDEO_THUMBNAIL_URL]" alt="Superpowers Plugin in action" />
|
||||
<div class="super-play-button">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor">
|
||||
<path d="M8 5v14l11-7z"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<span class="super-video-label">Watch Demo (2 min)</span>
|
||||
</a>
|
||||
</div>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Success Metrics Dashboard
|
||||
|
||||
### Week 1 Targets
|
||||
|
||||
| Metric | Target | Actual | Status |
|
||||
|--------|--------|--------|--------|
|
||||
| CTR | >5% | ___ | ___ |
|
||||
| GitHub Stars | +50 | ___ | ___ |
|
||||
| Plugin Installs | +100 | ___ | ___ |
|
||||
| Time on Page | +30s | ___ | ___ |
|
||||
|
||||
### Week 4 Targets
|
||||
|
||||
| Metric | Target | Actual | Status |
|
||||
|--------|--------|--------|--------|
|
||||
| CTR | >8% | ___ | ___ |
|
||||
| GitHub Stars | +200 | ___ | ___ |
|
||||
| Plugin Installs | +500 | ___ | ___ |
|
||||
| Time on Page | +45s | ___ | ___ |
|
||||
|
||||
### Week 12 Targets
|
||||
|
||||
| Metric | Target | Actual | Status |
|
||||
|--------|--------|--------|--------|
|
||||
| CTR | >12% | ___ | ___ |
|
||||
| GitHub Stars | +1,000 | ___ | ___ |
|
||||
| Plugin Installs | +2,500 | ___ | ___ |
|
||||
| Time on Page | +60s | ___ | ___ |
|
||||
|
||||
---
|
||||
|
||||
## Conclusion
|
||||
|
||||
This CTA section is designed to maximize conversions through:
|
||||
|
||||
1. **Cognitive Optimization**: F-Pattern layout, clear hierarchy
|
||||
2. **Social Proof**: Stats, trust indicators, community focus
|
||||
3. **Risk Reduction**: Open source, free, MIT license
|
||||
4. **Value Clarity**: Specific benefits, not just features
|
||||
5. **Visual Appeal**: Glassmorphism, gradients, animations
|
||||
6. **Accessibility**: WCAG AA compliant, keyboard navigation
|
||||
7. **Performance**: Fast loading, CSS-only, GPU-accelerated
|
||||
|
||||
**Next Steps**:
|
||||
1. Implement the CTA section
|
||||
2. Set up analytics tracking
|
||||
3. Monitor performance for 2 weeks
|
||||
4. Run A/B tests on variants
|
||||
5. Iterate based on data
|
||||
|
||||
**Expected Outcome**: 8-12% conversion rate (2-3x industry average)
|
||||
|
||||
---
|
||||
|
||||
**Document Version**: 1.0
|
||||
**Last Updated**: 2026-01-18
|
||||
**Design System**: UI/UX Pro Max
|
||||
**File Location**: `/home/uroma/.claude/skills/ui-ux-pro-max/`
|
||||
Reference in New Issue
Block a user