Purpose: This repository serves as a centralized knowledge base for AI Skills (Context files). Ideally, these skills are "reusable modules" that you can feed to Claude/AI during "Vibe Coding" sessions to enhance its capabilities, enforce standard practices, or inject specialized domain knowledge (like S4 philosophies).
Goal: Accumulate, Refine, and Reuse high-leverage context.
Building, growing, and monetizing browser extensions.
| Skill Name | File | Description / Key Focus |
|---|---|---|
| Market Sense (TOP 1) | Link | S4 Philosophy: "Pain Selection = 70% Victory". Validates ideas, identifies "Money Pains", and kills bad ideas early. |
| Monetization Core | Link | General strategy for converting users into revenue (MRR, Extension Factory). |
| Store SEO (S4) | Link | S4 Philosophy: "No User = No Money". Focuses on KW research, visual selling, and distribution. |
| Freemium & Paywall (S4) | Link | S4 Strategy: Paywall triggers (Export, Bulk, Unlimited), locking output vs time. |
| Maintenance & CI/CD | Link | Automation workflows, updates, and long-term maintenance. |
| Plasmo Framework | Link | Context for coding with the Plasmo framework (React, Tailwind, TypeScript). |
| WXT Framework | Link | Context for coding with the WXT framework. |
Building high-performance sites and generating revenue.
| Skill Name | File | Description / Key Focus |
|---|---|---|
| Vercel & React | Link | Standard deployment and coding patterns for React/Next.js. |
| AdSense Mastery | Link | Overview: Quick start guide for AdSense integration. |
Advanced strategies for scaling organic traffic and maximizing RPM.
| Skill Name | File | Description / Key Focus |
|---|---|---|
| Policy Mastery | Link | Vital: Protection against bans, invalid traffic, and click fraud. |
| SEO Engineering | Link | Strategy: Keyword research and topical authority for organic growth. |
| High RPM Niche | Link | Revenue: Selection of niches like Finance, Legal, and B2B tools. |
| Placement Psych | Link | Psychology: Heatmaps, scroll depth, and CTR optimization. |
| Monetization UX | Link | UX: Balancing clean layout with ad impressions and retention. |
| Speed & Vitals | Link | Tech: Lazy load ads, preconnect, and <1s load time. |
| Content Depth | Link | E-E-A-T: Building authority pages to avoid "Thin Content" penalties. |
| Anti-Ban Shield | Link | Defense: Bot detection and suspicious IP filtering mechanisms. |
| Revenue Opt | Link | Data: Tracking CTR, RPM, and performing A/B testing. |
| Programmatic SEO | Link | Scaling: Auto-generating 1,000+ high-quality dynamic pages. |
| Trust & Authority | Link | Signals: Improving trust with schema, policies, and author branding. |
| Global Strategy | Link | Tier 1: Targeting US/UK markets for 5-10x higher RPM. |
| Web Foundation | Link | Step 1: Semantic HTML, Accessibility, and clean CSS/JS foundations. | | Component Arch | Link | Step 2: Scalable patterns, Atomic design, and isolated tool components. | | Logic Engine | Link | Step 3: Pure logic functions, Regex, and data processing utilities. | | Browser API | Link | Step 4: native capabilities (Clipboard, Storage, FileReader, Canvas). | | Media Layer | Link | Step 5: Client-side image/video processing, compression, and WASM. | | SEO System | Link | Step 6: Organic traffic, Schema, Sitemaps, and dynamic metadata. | | Performance | Link | Step 7: <1s load time, code splitting, and bundle optimization. | | Backend Mini | Link | Step 8: (Optional) Minimal API, file uploads, and basic auth. | | Earn & Track | Link | Step 9: Ad strategy, analytics, and monetization optimization. | | DevOps | Link | Step 10: CI/CD, Edge deployment, and production environment. |
Handling office files and PDFs programmatically.
| Skill Name | File | Description / Key Focus |
|---|---|---|
| DOCX Mastery | Link | Creation, editing (simple & redlining), and analysis of Word documents. |
| PDF Toolkit | Link | Text/Table extraction, merging, splitting, and OCR workflows. |
| PPTX Handling | Link | PowerPoint generation and manipulation. |
| Excel (XLSX) | Link | Spreadsheet data handling and formulas. |
Automating browsers and extracting data from the web.
| Skill Name | File | Description / Key Focus |
|---|---|---|
| Playwright Mastery | Link | S4 Strategy: Browser is the Ultimate API. Robust selectors, stealth mode, and anti-bot bypass. |
- Identify the need (e.g., "I need to add a paywall" or "I need to parse a PDF").
- Copy the content of the relevant
.mdfile. - Paste into Claude as "Context" or "System Instruction".
- Vibe Code: Let AI handle the implementation using the specialized best practices defined in the skill.
Found a better way to do something?
- Update the relevant skill file.
- Add a new "Trick" or "Pattern" you discovered.
- Commit changes to keep the "Brain" updated.