start-vibing 4.0.2 → 4.1.1

package/template/.claude/skills/ui-ux-audit/templates/competitor-analysis.md

@@ -0,0 +1,363 @@
+# Competitor Analysis: [Feature/Topic Name]
+
+**Date:** YYYY-MM-DD
+**Analyst:** [Agent name]
+**Research Focus:** [Specific aspect being researched]
+
+---
+
+## Research Context
+
+### Objective
+
+[What are we trying to learn?]
+
+### Research Questions
+
+1. [Question 1]
+2. [Question 2]
+3. [Question 3]
+
+---
+
+## Competitors Analyzed
+
+### 1. [Competitor Name]
+
+**URL:** [URL]
+**Type:** [Marketplace/SaaS/Platform]
+**Market Position:** [Leading/Growing/Niche]
+
+#### Screenshots
+
+[Add screenshots or links to screenshots]
+
+#### Strong Points
+
+- [Point 1 - what they do well]
+- [Point 2]
+- [Point 3]
+
+#### Weak Points
+
+- [Point 1 - what could be improved]
+- [Point 2]
+- [Point 3]
+
+#### Unique Features
+
+- [Feature 1 - what differentiates them]
+- [Feature 2]
+
+#### UI/UX Patterns
+
+| Pattern Type     | Implementation | Notes                  |
+| ---------------- | -------------- | ---------------------- |
+| Navigation       | [Description]  | [Effectiveness rating] |
+| Filter/Search    | [Description]  | [Effectiveness rating] |
+| Cards/Listings   | [Description]  | [Effectiveness rating] |
+| Call to Action   | [Description]  | [Effectiveness rating] |
+| Trust Indicators | [Description]  | [Effectiveness rating] |
+
+---
+
+### 2. [Competitor Name]
+
+[Same structure as above]
+
+---
+
+### 3. [Competitor Name]
+
+[Same structure as above]
+
+---
+
+### 4. [Competitor Name]
+
+[Same structure as above]
+
+---
+
+### 5. [Competitor Name]
+
+[Same structure as above]
+
+---
+
+## Market Pattern Analysis
+
+### What Everyone Does Alike
+
+[Common patterns across all competitors]
+
+1. [Pattern 1]
+2. [Pattern 2]
+3. [Pattern 3]
+
+**Implications:** [Why do they all do this? Industry standard? User expectation?]
+
+### What Sets Leaders Apart
+
+[Patterns only in top performers]
+
+1. [Differentiator 1]
+2. [Differentiator 2]
+3. [Differentiator 3]
+
+**Implications:** [Are these the competitive advantages?]
+
+### What No One Does Well
+
+[Gaps and opportunities]
+
+1. [Gap 1]
+2. [Gap 2]
+3. [Gap 3]
+
+**Implications:** [Opportunities for differentiation]
+
+---
+
+## Design Patterns Identified
+
+### Layout Patterns
+
+| Pattern        | Used By                | Pros         | Cons            |
+| -------------- | ---------------------- | ------------ | --------------- |
+| [Pattern name] | [Competitors using it] | [Advantages] | [Disadvantages] |
+
+### Navigation Patterns
+
+| Pattern        | Used By                | Pros         | Cons            |
+| -------------- | ---------------------- | ------------ | --------------- |
+| [Pattern name] | [Competitors using it] | [Advantages] | [Disadvantages] |
+
+### Interaction Patterns
+
+| Pattern        | Used By                | Pros         | Cons            |
+| -------------- | ---------------------- | ------------ | --------------- |
+| [Pattern name] | [Competitors using it] | [Advantages] | [Disadvantages] |
+
+### Visual Design Patterns
+
+| Pattern        | Used By                | Pros         | Cons            |
+| -------------- | ---------------------- | ------------ | --------------- |
+| [Pattern name] | [Competitors using it] | [Advantages] | [Disadvantages] |
+
+---
+
+## Color & Typography Analysis
+
+### Color Strategies
+
+| Competitor | Primary Color | Emotion/Message    | Effectiveness |
+| ---------- | ------------- | ------------------ | ------------- |
+| [Name]     | [Color]       | [Trust/Energy/etc] | [Rating]      |
+
+### Typography Strategies
+
+| Competitor | Font Family | Style                | Readability |
+| ---------- | ----------- | -------------------- | ----------- |
+| [Name]     | [Font]      | [Modern/Classic/etc] | [Rating]    |
+
+---
+
+## Mobile vs Desktop Strategy
+
+### Mobile-First Competitors
+
+- [Competitor 1] - [Key mobile features]
+- [Competitor 2] - [Key mobile features]
+
+### Desktop-First Competitors
+
+- [Competitor 1] - [Key desktop features]
+- [Competitor 2] - [Key desktop features]
+
+### Best Responsive Patterns
+
+1. [Pattern 1 - description]
+2. [Pattern 2 - description]
+3. [Pattern 3 - description]
+
+---
+
+## Trust & Security Indicators
+
+### Common Trust Elements
+
+| Element Type    | Implementation Examples     | Effectiveness |
+| --------------- | --------------------------- | ------------- |
+| Badges          | [Verified, Secure, etc]     | [Rating]      |
+| Reviews/Ratings | [Star rating, testimonials] | [Rating]      |
+| Guarantees      | [Money back, escrow, etc]   | [Rating]      |
+| Certifications  | [SSL, industry certs]       | [Rating]      |
+| Social Proof    | [User count, transactions]  | [Rating]      |
+
+---
+
+## Accessibility Analysis
+
+### WCAG Compliance
+
+| Competitor | Contrast    | Keyboard Nav | Screen Reader | Alt Text    | Overall    |
+| ---------- | ----------- | ------------ | ------------- | ----------- | ---------- |
+| [Name]     | [Pass/Fail] | [Pass/Fail]  | [Pass/Fail]   | [Pass/Fail] | [A/AA/AAA] |
+
+### Common Accessibility Issues
+
+1. [Issue 1]
+2. [Issue 2]
+3. [Issue 3]
+
+---
+
+## Performance Analysis
+
+### Load Times
+
+| Competitor | First Paint | Interactive | Notes               |
+| ---------- | ----------- | ----------- | ------------------- |
+| [Name]     | [Time]      | [Time]      | [Optimization used] |
+
+### Animation Usage
+
+| Competitor | Approach               | Smoothness | Performance Impact |
+| ---------- | ---------------------- | ---------- | ------------------ |
+| [Name]     | [Heavy/Moderate/Light] | [Rating]   | [High/Medium/Low]  |
+
+---
+
+## Recommendations for UseFlow
+
+### 1. Pattern Adoption
+
+**What to Adopt:**
+
+- [Pattern 1 - why it works, how to implement]
+- [Pattern 2 - why it works, how to implement]
+- [Pattern 3 - why it works, how to implement]
+
+**What to Avoid:**
+
+- [Pattern 1 - why it doesn't work]
+- [Pattern 2 - why it doesn't work]
+
+### 2. Differentiation Opportunities
+
+**How We Can Stand Out:**
+
+1. **[Opportunity 1]**
+    - Current market state: [What competitors do]
+    - Our approach: [What we'll do differently]
+    - Expected benefit: [Why it's better]
+
+2. **[Opportunity 2]**
+    - Current market state: [What competitors do]
+    - Our approach: [What we'll do differently]
+    - Expected benefit: [Why it's better]
+
+3. **[Opportunity 3]**
+    - Current market state: [What competitors do]
+    - Our approach: [What we'll do differently]
+    - Expected benefit: [Why it's better]
+
+### 3. Quick Wins
+
+[Low-effort, high-impact improvements]
+
+- [ ] [Quick win 1]
+- [ ] [Quick win 2]
+- [ ] [Quick win 3]
+
+### 4. Long-Term Improvements
+
+[Higher-effort improvements for future]
+
+- [ ] [Improvement 1]
+- [ ] [Improvement 2]
+- [ ] [Improvement 3]
+
+---
+
+## Design System Implications
+
+### Colors
+
+[Any color palette adjustments based on research]
+
+### Typography
+
+[Any font/sizing adjustments based on research]
+
+### Spacing
+
+[Any spacing/layout adjustments based on research]
+
+### Components
+
+[New components needed or existing ones to modify]
+
+---
+
+## Implementation Priority
+
+### High Priority (Implement Now)
+
+1. [Feature/pattern 1]
+2. [Feature/pattern 2]
+3. [Feature/pattern 3]
+
+### Medium Priority (Next Sprint)
+
+1. [Feature/pattern 1]
+2. [Feature/pattern 2]
+3. [Feature/pattern 3]
+
+### Low Priority (Backlog)
+
+1. [Feature/pattern 1]
+2. [Feature/pattern 2]
+3. [Feature/pattern 3]
+
+---
+
+## Research Artifacts
+
+### Screenshots Folder
+
+[Path to screenshot folder]
+
+### Links Archive
+
+- [Competitor 1 archive link]
+- [Competitor 2 archive link]
+- [Competitor 3 archive link]
+
+### Additional Resources
+
+- [Resource 1]
+- [Resource 2]
+- [Resource 3]
+
+---
+
+## Conclusion
+
+### Key Takeaways
+
+1. [Takeaway 1]
+2. [Takeaway 2]
+3. [Takeaway 3]
+
+### Next Steps
+
+1. [Action 1]
+2. [Action 2]
+3. [Action 3]
+
+---
+
+**Research Completed:** YYYY-MM-DD
+**Next Review:** YYYY-MM-DD