@trieungoctam/vibekit 1.0.0

package/skills/utils/copywriting/references/landing-page-copy.md

@@ -0,0 +1,175 @@
+# Landing Page Copy
+
+Structure and templates for high-converting landing pages.
+
+## Above The Fold (Hero Section)
+
+The first screen matters most. Include:
+
+```
+┌─────────────────────────────────────────────────┐
+│                                                 │
+│  [Pre-headline - optional credibility]          │
+│                                                 │
+│  HEADLINE: Promise the outcome                  │
+│                                                 │
+│  Subheadline: How or why (supporting detail)    │
+│                                                 │
+│  [Hero image/video]       [Primary CTA button]  │
+│                                                 │
+│  [Social proof snippet: "Join 10,000+ users"]   │
+│                                                 │
+└─────────────────────────────────────────────────┘
+```
+
+## Headline Formulas
+
+```
+[Achieve outcome] without [pain]
+The [adjective] way to [benefit]
+[Benefit] in [timeframe]
+Get [result]. [Handle objection].
+[Do X] like [aspirational group]
+```
+
+**Examples:**
+- Write emails that convert without sounding salesy
+- The fastest way to build landing pages
+- Double your leads in 30 days
+- Get more clients. Spend less time selling.
+
+## Subheadline Formulas
+
+```
+[Product] helps [audience] [benefit] so they can [ultimate goal]
+Even if [common objection]
+Without [pain they expect]
+The [only/first/fastest] [thing] that [benefit]
+```
+
+**Examples:**
+- Our AI helps marketers write copy 10x faster so they can focus on strategy
+- Even if you've never written a sales email before
+- Without hiring expensive copywriters
+
+## Social Proof Section
+
+### Testimonials
+```
+"[Result achieved] in [timeframe]. [Emotional reaction]."
+— [Name], [Title] at [Company]
+```
+
+### Stats Bar
+```
+[10,000+] customers | [4.9/5] rating | [50M+] emails sent
+```
+
+### Logo Cloud
+```
+"Trusted by teams at [Logo1] [Logo2] [Logo3]..."
+```
+
+## Benefits Section
+
+Use this structure:
+```
+[Benefit headline]
+[1-2 sentence explanation]
+[Optional: icon or image]
+```
+
+**Write benefits, not features:**
+
+| Feature | Benefit |
+|---------|---------|
+| "AI-powered" | "Writes copy in seconds" |
+| "Cloud-based" | "Access from anywhere" |
+| "Advanced analytics" | "Know exactly what's working" |
+
+## How It Works Section
+
+```
+Step 1: [Action verb] → [Outcome]
+Step 2: [Action verb] → [Outcome]
+Step 3: [Action verb] → [Outcome]
+```
+
+**Example:**
+```
+Step 1: Connect your data → One-click setup
+Step 2: Choose your template → AI writes your copy
+Step 3: Launch your campaign → Start getting leads
+```
+
+## FAQ Section
+
+Address objections disguised as questions:
+
+```
+"How long does it take to see results?"
+→ Answer + success story reference
+
+"What if it doesn't work for my industry?"
+→ Answer + social proof from similar industry
+
+"Is there a contract?"
+→ Answer + risk reversal
+```
+
+## CTA Section Patterns
+
+### Primary CTA
+```
+[Action verb] + [benefit]
+Get Started Free
+Start Your Free Trial
+Build Your First [Thing]
+```
+
+### With Risk Reversal
+```
+[CTA button]
+No credit card required. Cancel anytime.
+30-day money-back guarantee.
+```
+
+### With Urgency
+```
+[CTA button]
+Limited time: Save 40% (ends Friday)
+Only 17 spots left this month
+```
+
+## Page Flow (Long-form)
+
+```
+1. Hero (problem → promise)
+2. Pain points (agitate)
+3. Solution intro
+4. How it works
+5. Benefits (3-5)
+6. Social proof
+7. Pricing/offer
+8. FAQ (objections)
+9. Final CTA
+```
+
+## Conversion Boosters
+
+- **Specificity**: "47% increase" > "big increase"
+- **Contrast**: Before/after comparisons
+- **Scarcity**: Limited spots, time, quantity
+- **Risk reversal**: Guarantees, free trials
+- **Social proof**: Numbers, logos, testimonials
+
+## Landing Page Checklist
+
+- [ ] Headline promises clear outcome?
+- [ ] Subheadline supports or explains?
+- [ ] One primary CTA (repeated)?
+- [ ] Benefits, not features?
+- [ ] Social proof visible above fold?
+- [ ] Objections addressed?
+- [ ] Mobile-optimized?
+- [ ] Page loads under 3 seconds?

package/skills/utils/copywriting/references/power-words.md

@@ -0,0 +1,189 @@
+# Power Words
+
+Emotional triggers and action words for copy.
+
+## Urgency Words
+
+```
+Now             Limited         Hurry
+Today           Last chance     Deadline
+Immediately     Expires         Running out
+Instant         Quick           Fast
+Before          Final           Closing
+```
+
+**Usage:**
+```
+"Get instant access now"
+"Limited spots remaining"
+"Offer expires tonight"
+```
+
+## Exclusivity Words
+
+```
+Secret          Insider         Members-only
+Exclusive       Private         VIP
+Hidden          Rare            Elite
+Invitation      Access          Behind-the-scenes
+```
+
+**Usage:**
+```
+"Exclusive access for subscribers"
+"The hidden strategy behind..."
+"Insider secrets revealed"
+```
+
+## Value Words
+
+```
+Free            Bonus           Save
+Discount        Deal            Value
+Bargain         Reduced         Guarantee
+Gift            Complimentary   No-cost
+```
+
+**Usage:**
+```
+"Free bonus included"
+"Save 50% today only"
+"Guaranteed results or money back"
+```
+
+## Trust Words
+
+```
+Proven          Tested          Verified
+Certified       Authentic       Genuine
+Official        Trusted         Reliable
+Safe            Secure          Protected
+```
+
+**Usage:**
+```
+"Proven by 10,000+ users"
+"Verified results"
+"100% secure checkout"
+```
+
+## Results Words
+
+```
+Results         Success         Achieve
+Transform       Breakthrough    Boost
+Increase        Improve         Maximize
+Double          Triple          Skyrocket
+```
+
+**Usage:**
+```
+"Double your conversions"
+"Breakthrough strategy"
+"Transform your business in 30 days"
+```
+
+## Emotion Words
+
+### Positive
+```
+Amazing         Incredible      Stunning
+Brilliant       Exciting        Delightful
+Wonderful       Remarkable      Inspiring
+```
+
+### Negative (for pain points)
+```
+Frustrated      Overwhelmed     Struggling
+Stuck           Stressed        Burned out
+Worried         Confused        Lost
+```
+
+## Curiosity Words
+
+```
+Secret          Surprising      Unexpected
+Little-known    Discover        Reveal
+Uncover         Mystery         Behind
+```
+
+**Usage:**
+```
+"The surprising truth about..."
+"Discover what most people miss"
+"Little-known strategy that..."
+```
+
+## Authority Words
+
+```
+Expert          Professional    Research
+Study           Data            Science
+Backed          Endorsed        Recommended
+Award-winning   Industry        Leading
+```
+
+## Simplicity Words
+
+```
+Easy            Simple          Effortless
+Quick           Fast            Instant
+Automatic       One-click       Seamless
+Beginner        Step-by-step    Straightforward
+```
+
+**Usage:**
+```
+"Easy setup in 5 minutes"
+"One-click automation"
+"Simple step-by-step guide"
+```
+
+## Power Word Combinations
+
+| Combo | Example |
+|-------|---------|
+| Urgency + Value | "Limited-time free access" |
+| Exclusivity + Results | "Insider secrets to 2x growth" |
+| Simplicity + Results | "Easy way to double leads" |
+| Trust + Exclusivity | "Proven system used by top 1%" |
+
+## Words to Avoid
+
+### Vague/Weak
+```
+Nice            Good            Great (overused)
+Very            Really          Actually
+Things          Stuff           Interesting
+```
+
+### Corporate Speak
+```
+Synergy         Leverage        Holistic
+Paradigm        Utilize         Optimize (overused)
+Disrupt         Pivot           Solution (overused)
+```
+
+### Overused Marketing
+```
+Revolutionary   Cutting-edge    World-class
+Best-in-class   Game-changing   Next-level
+```
+
+## Power Word Placement
+
+| Location | Best Word Types |
+|----------|----------------|
+| Headlines | Curiosity, urgency, numbers |
+| Subheadlines | Benefits, simplicity |
+| CTAs | Action, value, urgency |
+| Email subjects | Curiosity, urgency, personal |
+| Body copy | Trust, results, emotion |
+
+## Usage Tips
+
+1. **Don't overuse** — 1-2 power words per headline
+2. **Match context** — urgency for sales, curiosity for content
+3. **A/B test** — what works for one audience may not for another
+4. **Be authentic** — false urgency/exclusivity backfires
+5. **Combine strategically** — pair urgency with value

package/skills/utils/copywriting/references/social-media-copy.md

@@ -0,0 +1,222 @@
+# Social Media Copy
+
+Platform-specific templates and patterns.
+
+## Twitter/X
+
+### Character Limits
+- Tweet: 280 characters
+- Preview shown: ~140 characters (critical)
+
+### Thread Structure
+```
+Tweet 1 (Hook):
+[Bold claim or curiosity gap]
+
+Tweet 2-N (Body):
+[Each tweet = one complete point]
+
+Final Tweet (CTA):
+[Action + reminder to follow/retweet]
+```
+
+### High-Performing Patterns
+
+**Hot Take:**
+```
+Unpopular opinion: [contrarian view]
+
+Here's why 👇
+```
+
+**Story Hook:**
+```
+I [did X] and [unexpected result].
+
+Here's what happened:
+```
+
+**List Post:**
+```
+[Number] things I wish I knew about [topic]:
+
+1. [Point]
+2. [Point]
+...
+```
+
+**Before/After:**
+```
+[Time] ago: [painful state]
+Today: [successful state]
+
+What changed:
+```
+
+### Twitter Tips
+- First 140 characters = hook
+- Line breaks = readability
+- No hashtags (usually)
+- Questions drive replies
+- Controversy (tasteful) drives engagement
+
+---
+
+## LinkedIn
+
+### Character Limits
+- Post: 3,000 characters
+- "See more" appears after ~210 characters
+
+### Structure
+```
+[Hook line - must grab attention]
+[Second hook line]
+
+[Story or insight - keep paragraphs short]
+
+[Lesson/takeaway]
+
+[Question or CTA]
+
+---
+[Optional: hashtags at bottom, max 3-5]
+```
+
+### High-Performing Patterns
+
+**Humble Brag:**
+```
+I almost didn't post this.
+
+Last week, [achievement].
+
+But here's what nobody talks about:
+[The struggle behind it]
+
+Key lesson: [insight]
+```
+
+**Contrarian:**
+```
+Stop saying [common advice].
+
+Here's why it's wrong for most people:
+[Explanation]
+```
+
+**Story:**
+```
+[Start with dramatic moment]
+
+Let me back up.
+
+[Context]
+
+[What happened]
+
+[The lesson]
+```
+
+### LinkedIn Tips
+- First 2 lines = everything
+- Stories outperform tips
+- Personal > professional
+- Avoid links in posts (kills reach)
+- Engage in comments for 30 min after posting
+
+---
+
+## Instagram
+
+### Caption Structure
+```
+[Hook - first line visible]
+.
+.
+.
+[Story/value]
+
+[CTA: Comment, save, share]
+
+.
+.
+.
+[Hashtags - 15-30, relevant]
+```
+
+### Caption Hooks
+```
+Stop scrolling if you [pain point]
+This changed everything for me
+Nobody talks about this but...
+The truth about [topic]
+```
+
+### Instagram Tips
+- First line = hook (before "more")
+- Use line breaks for readability
+- CTA: Ask for saves, shares, comments
+- Hashtags in caption or first comment
+
+---
+
+## TikTok/Reels
+
+### Hook (First 1-3 seconds)
+```
+"Here's why you're [failing at X]"
+"The [thing] nobody's talking about"
+"I tested [X] for 30 days"
+"Stop doing [X] immediately"
+"This will change how you [X]"
+```
+
+### Script Structure (15-60 sec)
+```
+[0-3s] Hook
+[3-20s] Problem/setup
+[20-45s] Solution/reveal
+[45-60s] CTA
+```
+
+### Overlay Text
+```
+[Attention-grabbing text on screen]
+- Keep it short (2-5 words)
+- High contrast colors
+- Top 1/3 of frame
+```
+
+---
+
+## Universal Social Patterns
+
+### Engagement Drivers
+- Questions that invite opinions
+- Controversial (but defensible) takes
+- Specific numbers and results
+- Before/after transformations
+- Behind-the-scenes content
+
+### What to Avoid
+- Generic motivational quotes
+- Excessive hashtags
+- Links in posts (except Twitter)
+- All caps (looks spammy)
+- Being salesy without value
+
+### Content Ratio
+```
+80% value (teach, entertain, inspire)
+20% promotion (offers, launches)
+```
+
+## Platform Comparison
+
+| Platform | Tone | Length | Best For |
+|----------|------|--------|----------|
+| Twitter/X | Punchy, opinionated | Short threads | Hot takes, insights |
+| LinkedIn | Professional, personal | Medium-long | Stories, credibility |
+| Instagram | Visual, lifestyle | Medium | Community, brand |
+| TikTok | Raw, fast, trendy | Short | Awareness, virality |

package/skills/utils/copywriting/references/workflow-cro.md

@@ -0,0 +1,83 @@
+# CRO (Conversion Rate Optimization) Workflow
+
+Analyze content and optimize for conversion based on user-reported issues.
+
+## Conversion Optimization Framework
+
+25 principles for high-converting copy:
+
+### Headlines & Value Prop
+1. **4-U Headline Formula**: Useful, Unique, Urgent, Ultra-specific (80% won't read past headline)
+2. **Above-Fold Value**: Customer problem focus, no company story, zero scroll required
+3. **Benefit-First Language**: Features tell, benefits sell, transformations compel
+
+### CTAs & Forms
+4. **First-Person CTAs**: "Get MY Guide" vs "Get YOUR Guide" (90% more clicks)
+5. **5-Field Max Forms**: Every field kills conversions, progressive profiling for rest
+6. **Micro-Commitment Ladder**: Small yes → big yes, start email only
+
+### Psychology & Trust
+7. **Message Match**: Ad copy = landing headline, broken promises = bounce
+8. **Social Proof Near CTAs**: Testimonials with faces/names/results at decision points
+9. **Cognitive Bias Stack**: Loss aversion (fear), social proof (FOMO), anchoring (pricing)
+10. **PAS Framework**: Problem → Agitate → Solve, emotion before logic
+
+### Pricing & Urgency
+11. **Genuine Urgency Only**: Real deadlines, actual limits—fake timers destroy trust
+12. **Price Anchoring**: Show expensive option first, real price feels like relief
+13. **Trust Signal Clustering**: Security badges, guarantees, policies visible together
+
+### Layout & UX
+14. **Visual Hierarchy F-Pattern**: Eyes scan F-shape, put conversions in path
+15. **Lead Magnet Hierarchy**: Templates > Checklists > Guides (instant > delayed)
+16. **Objection Preemption**: Address top 3 concerns before they think them, FAQ near CTA
+17. **Mobile Thumb Zone**: CTAs where thumbs naturally rest
+18. **White Space = Focus**: Empty space makes CTAs impossible to miss
+
+### Testing & Optimization
+19. **One-Variable Testing**: Change one thing, measure impact, compound wins
+20. **Post-Conversion Momentum**: Thank you page sells next step while excitement peaks
+21. **Cart Recovery Sequence**: Email 1hr, retarget 4hr, incentive 24hr
+
+### Copy Quality
+22. **Grade 6 Reading Level**: Smart people prefer simple, 11-word sentences, short paragraphs
+23. **TOFU/MOFU/BOFU Logic**: Awareness ≠ decision content, match intent
+24. **Specificity > Vague Claims**: Numbers, timeframes, concrete outcomes
+25. **Weekly Optimization Ritual**: Review Monday, test Tuesday, iterate/scale
+
+## Workflow Steps
+
+1. **Screenshots provided** → Use `ck:ai-multimodal` skill to analyze conversion issues
+2. **Videos provided** → Use `ck:ai-multimodal` video-analysis for bottleneck identification
+3. **URL provided** → Use `web_fetch` tool to fetch and analyze current issues
+4. **Scout codebase** → `/ck:scout ext` (preferred) or `/ck:scout` to find relevant files
+5. **Implement** → Use `fullstack-developer` agent to write enhanced copy into code files
+
+## CRO Plan Creation Workflow
+
+Use when creating a structured CRO optimization plan (e.g., via `/ck:plan:cro`).
+
+### Steps
+
+1. **Analyze** → Gather issues from screenshots/videos/URLs using steps above
+2. **Activate** `ck:plan` skill for plan structure
+3. **Create plan directory** using naming pattern from `## Naming` section (hook-injected)
+4. **Write `plan.md`** with required YAML frontmatter:
+   ```yaml
+   ---
+   title: "{Brief title}"
+   description: "{One sentence for card preview}"
+   status: pending
+   priority: P2
+   effort: {sum of phases, e.g., 4h}
+   branch: {current git branch}
+   tags: [cro, conversion]
+   created: {YYYY-MM-DD}
+   ---
+   ```
+5. Keep `plan.md` generic, under 80 lines, list each phase with status/progress and links
+6. **Create phase files** (`phase-XX-phase-name.md`) with sections: Context links, Overview (date/priority/statuses), Key Insights, Requirements, Architecture, Related code files, Implementation Steps, Todo list, Success Criteria, Risk Assessment, Security Considerations, Next steps
+7. Keep research markdown reports ≤150 lines with citations
+8. **Wait** for user approval before implementing
+
+Sacrifice grammar for concision. List unresolved questions at end of reports.

package/skills/utils/copywriting/references/workflow-enhance.md

@@ -0,0 +1,32 @@
+# Copy Enhancement Workflow
+
+Analyze existing copy issues and enhance for better performance.
+
+## When to Use
+
+- User reports copy problems (unclear messaging, low engagement, weak CTAs)
+- Content needs polish without complete rewrite
+- Quick improvements to existing marketing materials
+
+## Workflow Steps
+
+1. **Screenshots provided** → Use `ck:ai-multimodal` skill to analyze and describe issues in detail
+2. **Videos provided** → Use `ck:ai-multimodal` video-analysis to extract relevant copy issues
+3. **Scout codebase** → `/ck:scout ext` (preferred) or `/ck:scout` to find files needing enhancement
+4. **Implement** → Use `fullstack-developer` agent to write enhanced copy into code files
+
+## Enhancement Checklist
+
+- [ ] Headlines grab attention (4-U formula)
+- [ ] Benefits lead, features follow
+- [ ] CTAs clear and action-oriented
+- [ ] Social proof present
+- [ ] Objections addressed
+- [ ] Reading level appropriate (Grade 6-8)
+- [ ] Mobile-friendly formatting
+
+## Related References
+
+- `workflow-cro.md` - Full CRO framework
+- `copy-formulas.md` - AIDA, PAS, BAB structures
+- `headline-templates.md` - Headline patterns