import { useState, useEffect, useRef, useCallback } from "react";
const SKILLS_DATA = {
"meta-learning": {
icon: "⚡",
title: "How to Learn Anything Fast",
tagline: "The skill that multiplies all other skills",
color: "#000",
the20: [
"Deconstruct the skill into sub-skills, then identify the 3-4 sub-skills that give 80% of results",
"Find the 3 best mental models experts use — learn the framework before the details",
"Practice with immediate feedback loops — the tighter the loop, the faster you learn",
"Use interleaving: mix related skills in practice instead of blocking one at a time",
],
keyInsight: "Speed of learning = quality of your mental models × tightness of feedback loops × emotional stakes. Most people fail because they consume instead of practice, and practice without feedback.",
principles: [
{
name: "Deconstruction",
detail: "Every skill is a bundle of sub-skills. Guitar isn't one skill — it's chord shapes, strumming patterns, rhythm, ear training. Find the 3-4 sub-skills that appear in 80% of real usage. For coding: reading code > writing functions > debugging > architecture. Master the high-frequency sub-skills first.",
exercise: "Pick a skill you want to learn. List 10 sub-skills involved. Now circle the 3 that show up in 80% of real-world application. That's your curriculum."
},
{
name: "Compression",
detail: "Experts don't know more — they've compressed knowledge into mental models. A chess grandmaster doesn't see 32 pieces; they see 5-6 patterns. Find the frameworks that compress the domain. In writing: AIDA (Attention, Interest, Desire, Action). In business: supply/demand, incentives, feedback loops. One good mental model replaces hundreds of facts.",
exercise: "For your target skill, find 3 mental models that experts use. Write each on an index card. Can you explain the entire domain using just these 3 models?"
},
{
name: "Stakes & Skin in the Game",
detail: "Learning accelerates when there are real consequences. Studying Spanish for fun vs. moving to Spain. Reading about sales vs. cold-calling 10 people today. Create artificial stakes: teach what you learn publicly, commit money, set deadlines with accountability partners.",
exercise: "For the skill you're learning, create a stakes commitment: 'I will [public output] by [date] or [consequence].' Tell someone."
},
{
name: "The 20-Hour Rule",
detail: "Josh Kaufman's research: you need roughly 20 hours of deliberate practice to go from knowing nothing to being reasonably good. Not 10,000 hours. That's for world-class. 20 focused hours gets you to 'dangerous.' The key word is deliberate — not passive consumption. 45 min/day for 26 days.",
exercise: "Block 45 minutes daily for the next 26 days. No phone. No multitasking. Pure deliberate practice with feedback. Track your sessions."
},
{
name: "Retrieval Over Review",
detail: "Testing yourself is 3x more effective than re-reading. Close the book and try to recall. Teach it to someone. Write it from memory. The struggle of retrieval literally builds stronger neural pathways. If it feels easy, you're not learning — you're just recognizing.",
exercise: "After learning any concept, close everything. Set a 2-minute timer. Write down everything you remember. Compare with source. The gaps are your curriculum."
}
],
resources: [
"Ultralearning — Scott Young",
"The First 20 Hours — Josh Kaufman",
"Make It Stick — Brown, Roediger, McDaniel",
"Peak — Anders Ericsson"
]
},
thinking: {
icon: "🧠",
title: "Thinking & Decision-Making",
tagline: "The quality of your thinking determines the quality of your life",
color: "#000",
the20: [
"Ask 'What would have to be true?' instead of 'Is this true?' — it unlocks first-principles thinking",
"Map the system before optimizing any part — find the leverage points",
"Assign rough probabilities to outcomes instead of thinking in binary yes/no",
"Invert problems: instead of 'how do I succeed?' ask 'how would I guarantee failure?' Then avoid those things",
],
keyInsight: "Most people think in conclusions ('this is good/bad'). High-income thinkers think in models ('under what conditions would this be true?'). The shift from opinion-based to model-based thinking is the single highest-leverage cognitive upgrade.",
principles: [
{
name: "First-Principles Thinking",
detail: "Elon Musk famously used this for SpaceX: instead of accepting 'rockets cost $65M,' he asked 'what are rockets made of?' Raw materials cost ~2% of the rocket price. The rest was inefficiency. First principles = decompose until you hit fundamental truths, then reason up from there. Most people reason by analogy ('this is like that, so...'). That's faster but limits you to existing solutions.",
exercise: "Take a belief you hold about your career or income. Ask 'Why?' five times. At each level, ask 'Is this actually true, or is it just convention?' Write down what you find at the bottom."
},
{
name: "Systems Thinking",
detail: "Everything is a system with feedback loops. Your income is a system: skills → value delivered → reputation → opportunities → income → reinvestment → skills. Find the reinforcing loops (virtuous cycles) and the balancing loops (what caps your growth). The leverage point is usually NOT where you think — it's often in the feedback mechanism, not the input. Resistance in a system often signals where the highest leverage is.",
exercise: "Draw your income as a system diagram. Arrows between: skills, time, reputation, network, value delivered, and money. Where are the reinforcing loops? Where's the bottleneck? That bottleneck is your highest-leverage focus."
},
{
name: "Probabilistic Reasoning",
detail: "Binary thinking: 'Will this work? Yes or no.' Probabilistic: 'There's a 30% chance this works, but the upside is 10x, so expected value is 3x.' This is how VCs, poker players, and the best decision-makers think. You don't need to be right — you need positive expected value. Update your probabilities as new evidence arrives (Bayesian thinking).",
exercise: "For your next 3 major decisions, write: 'I estimate a ___% chance of [outcome]. If it works, I gain ___. If it fails, I lose ___. Expected value = (probability × gain) - ((1-probability) × loss).' Make the positive EV choice."
},
{
name: "Inversion",
detail: "Charlie Munger's favorite: 'Invert, always invert.' Instead of asking how to build a great business, ask: how would I guarantee this business fails? (Ignore customers, hire poorly, never iterate, spend recklessly). Then systematically avoid those things. Inversion reveals blind spots that forward-thinking misses because we're biased toward action over avoidance.",
exercise: "Write down your biggest goal. Now write 10 ways to guarantee you'd fail at it. Review the list — which of these failure modes are you currently doing, even partially?"
},
{
name: "Second-Order Thinking",
detail: "First-order: 'If I cut prices, I'll get more customers.' Second-order: 'If I cut prices, competitors will too, margins collapse, and the market commoditizes.' Third-order: 'Then only the lowest-cost producer survives.' Most people stop at first-order. The best thinkers ask: 'And then what?' at least twice.",
exercise: "Take a decision you're considering. Write the first-order effect. Then ask 'and then what?' Write the second-order effect. Repeat once more. Does your decision still look good?"
}
],
resources: [
"Poor Charlie's Almanack — Charlie Munger",
"Thinking in Systems — Donella Meadows",
"Thinking, Fast and Slow — Daniel Kahneman",
"The Great Mental Models — Shane Parrish"
]
},
communication: {
icon: "💬",
title: "Communication & Persuasion",
tagline: "Clarity is the ultimate competitive advantage",
color: "#000",
the20: [
"Write for one specific person, not an audience — specificity creates universality",
"Lead with the transformation, not the process — people buy outcomes",
"Use the 'So what?' test on every sentence — if you can't answer it, cut it",
"Stories follow: Character → Want → Obstacle → Struggle → Resolution. Master this arc.",
],
keyInsight: "Communication isn't about expressing yourself — it's about being understood and moving people to action. The gap between what you mean and what they hear is where all the money leaks out. Close that gap and income follows.",
principles: [
{
name: "Clear Writing",
detail: "Clear writing = clear thinking. If you can't write it simply, you don't understand it. Rules: short sentences, one idea per paragraph, active voice ('we decided' not 'it was decided'), concrete nouns over abstract ones ('revenue dropped 30%' not 'performance was suboptimal'). Cut every word that doesn't earn its place. Hemingway was rich for a reason.",
exercise: "Take something you wrote recently (email, doc, post). Cut it by 50%. Not 10%. Fifty percent. What's left is what actually mattered. Notice how much clearer it is."
},
{
name: "Selling",
detail: "Selling is not manipulation — it's helping someone make a decision they'll thank you for. The structure: (1) Identify their actual pain, not what they say but what keeps them up at night. (2) Show you understand their world. (3) Present your solution in their language. (4) Make the risk of inaction greater than the risk of action. (5) Make it easy to say yes. Every negotiation, job interview, and pitch follows this.",
exercise: "Think of something you need someone to agree to. Write: What is their #1 pain? What words do they use to describe it? How does your ask solve it? What happens if they do nothing? Draft your pitch using only these answers."
},
{
name: "Storytelling",
detail: "Humans are wired for narrative. Data informs; stories transform. The structure: (1) A relatable character (your audience or someone like them), (2) with a desire, (3) who faces an obstacle, (4) struggles through it, (5) and is transformed. Every case study, sales page, and TED talk follows this. The key insight: the character must change. No change = no story = no engagement.",
exercise: "Write a 6-sentence story about a transformation you or a client experienced. Sentence 1: Before state. 2: The desire. 3: The obstacle. 4: The turning point. 5: The action. 6: The after state. Use this as your template for everything."
},
{
name: "The AIDA Framework",
detail: "Attention → Interest → Desire → Action. Attention: pattern-interrupt. 'You're losing $50k/year on this one mistake.' Interest: prove you understand their world. Desire: paint the after-state vividly. Action: make the next step small and obvious. This works for emails, ads, proposals, presentations. 80% of persuasion failures happen at step 1 — you never got their attention.",
exercise: "Rewrite your last email or proposal using AIDA. First line = attention (specific number, surprising fact, or provocative question). Second paragraph = interest. Third = desire. Last line = clear single action."
},
{
name: "Active Listening",
detail: "Most people listen to respond, not to understand. The highest-paid consultants, negotiators, and salespeople listen more than they talk. Technique: Reflect back what you hear ('So what you're saying is...'), ask 'What else?' at least twice (the real answer is usually the third thing they say), and sit in silence after they finish — they'll often add the most important thing.",
exercise: "In your next 3 conversations, speak 30% or less. After they make a point, say 'Tell me more about that.' Count to 5 in silence before responding. Write down what you learned that you wouldn't have otherwise."
}
],
resources: [
"On Writing Well — William Zinsser",
"Building a StoryBrand — Donald Miller",
"Influence — Robert Cialdini",
"The Copywriter's Handbook — Robert Bly"
]
},
learning: {
icon: "🔄",
title: "Learning & Adaptation",
tagline: "The one who learns fastest wins",
color: "#000",
the20: [
"Transfer learning: extract principles from one domain and apply to another — this is where breakthrough ideas live",
"Sit with discomfort 10% longer than feels natural — that's where growth actually happens",
"Build a 'pattern library' — when you spot a recurring pattern, name it and file it",
"Learn in public: teaching forces understanding and attracts opportunities",
],
keyInsight: "The ability to learn fast is a meta-skill — it makes every other skill cheaper to acquire. But most people confuse consuming with learning. Real learning = changed behavior. If you read a book and do nothing different, you didn't learn — you were entertained.",
principles: [
{
name: "Learning How to Learn",
detail: "The learning loop: (1) Set a specific outcome ('I'll build X by Friday'), not a vague one ('learn Python'). (2) Find the minimum viable knowledge — what's the least you need to know to start doing? (3) Do the thing immediately, even badly. (4) Get feedback. (5) Reflect: what worked, what didn't, what surprised you? (6) Repeat. The gap between step 2 and step 3 is where 90% of people stall. They keep preparing instead of starting.",
exercise: "Pick something you've been 'meaning to learn.' Set a 48-hour deadline to produce a tangible output using that skill — even if it's terrible. The constraint forces you from theory to practice."
},
{
name: "Pattern Recognition",
detail: "Billionaires, great investors, and elite performers all share this: they see patterns others miss. How to develop it: (1) Study multiple domains — patterns transfer across fields. (2) Keep a decision journal — review past decisions monthly to spot recurring themes. (3) Ask 'where have I seen this before?' whenever you encounter a new situation. (4) Name your patterns — unnamed patterns are invisible. The SaaS business model IS the same pattern as a gym membership.",
exercise: "Look at 3 successful businesses in different industries. Write down the underlying model each uses to make money. What do they have in common? That commonality is a pattern you can apply."
},
{
name: "Embracing Discomfort",
detail: "Your income is directly proportional to the difficulty of problems you're willing to sit with. Everyone can do easy things. The premium is in discomfort tolerance. Cold-calling, public speaking, difficult negotiations, building in public — these feel terrible and that's exactly why they pay well. The discomfort is the moat. Lean into it. The feeling of 'I don't know what I'm doing' is the feeling of growth.",
exercise: "Identify the one thing in your work that you avoid because it's uncomfortable. Do it first thing tomorrow morning. Not the second thing. The first. Track: does the discomfort decrease with repetition? (It always does.)"
},
{
name: "Spaced Repetition",
detail: "Your brain forgets on a predictable curve. If you review something at the moment you're about to forget it, you reset the curve and the memory strengthens. Optimal intervals: 1 day, 3 days, 7 days, 14 days, 30 days. This is how medical students memorize thousands of facts. Apply it to any knowledge-heavy domain. Tools like Anki automate this, but even a simple review schedule works.",
exercise: "Take your 5 most important takeaways from this course. Write them on cards. Review tomorrow, then in 3 days, then next week. After a month, they'll be permanent."
},
{
name: "The Feynman Technique",
detail: "Richard Feynman's method: (1) Choose a concept. (2) Teach it to a 12-year-old using simple language. (3) Identify gaps — where did you get stuck or resort to jargon? (4) Go back to the source and fill those gaps. (5) Simplify further. If you can't explain it simply, you don't understand it. Jargon is often a mask for shallow understanding.",
exercise: "Take the most complex concept in your field. Explain it in 3 sentences using no jargon. If you can't, you've found a gap in your understanding. Fill it."
}
],
resources: [
"Ultralearning — Scott Young",
"Range — David Epstein",
"Antifragile — Nassim Taleb",
"Mindset — Carol Dweck"
]
},
execution: {
icon: "🎯",
title: "Execution & Focus",
tagline: "Ideas are cheap. Execution is everything.",
color: "#000",
the20: [
"Protect 3-4 hours of deep work daily — this single habit outperforms every productivity hack",
"Ask 'What's the ONE thing that makes everything else easier or unnecessary?'",
"Ship at 80% — the last 20% of polish is where most projects die",
"Use 'hell yes or no' — if it's not an enthusiastic yes, it's a no",
],
keyInsight: "The world doesn't reward the person with the best plan. It rewards the person who ships. Perfectionism is fear wearing a productivity mask. The difference between a $50K earner and a $500K earner is often not skill — it's the volume and speed of output.",
principles: [
{
name: "Deep Work",
detail: "Cal Newport's concept: sustained, distraction-free concentration on cognitively demanding tasks. The ability to do deep work is becoming rare at exactly the same time it's becoming valuable. Rules: (1) Schedule it like a meeting — 3-4 hours minimum, preferably morning. (2) Zero notifications. (3) Same time, same place — ritualize it. (4) Track deep work hours weekly. The correlation between deep work hours and income is almost linear.",
exercise: "Block 3 hours tomorrow morning. Phone in another room. No email. No Slack. One task. At the end, note how much you accomplished vs. a normal 3-hour window. The difference will convince you."
},
{
name: "Prioritization (The Eisenhower + Pareto Stack)",
detail: "Two frameworks combined: (1) Eisenhower Matrix: Urgent+Important = Do now. Important+Not Urgent = Schedule (this is where growth lives). Urgent+Not Important = Delegate. Neither = Eliminate. (2) Within 'Important,' apply Pareto: which 20% of tasks drive 80% of results? Most people spend their entire day in 'Urgent but Not Important' — responding to others' priorities. The highest earners live in 'Important but Not Urgent.'",
exercise: "List everything on your plate. Categorize each into the Eisenhower quadrants. Now, within 'Important,' circle the 20% that drives 80% of your income or growth. Schedule those FIRST. Delegate or eliminate the rest."
},
{
name: "Shipping (The Bias Toward Done)",
detail: "Shipping means getting your work into the world where it can create value and generate feedback. A shipped 80% product beats an unshipped 100% product every time. Why? Because (1) you learn from real feedback what to actually improve, (2) revenue/impact starts immediately, (3) momentum compounds — shipping breeds shipping. Perfectionism is expensive. It costs opportunity, momentum, and feedback.",
exercise: "Identify something you've been 'almost done' with for more than 2 weeks. Set a 24-hour deadline to ship it as-is. Post it, send it, publish it, launch it. Notice: the world doesn't end. And the feedback you get is more valuable than another week of polish."
},
{
name: "Time Blocking",
detail: "Every minute of your day should be assigned to a block. Not because you need to be rigid, but because unscheduled time defaults to low-value activities (email, social media, 'quick tasks' that take an hour). Time blocking forces you to decide in advance what's important. Key: include rest blocks, transition blocks, and buffer blocks. The plan won't be perfect — that's fine. The act of planning is what matters.",
exercise: "Time-block tomorrow completely, in 30-minute increments. Include deep work, shallow work, breaks, and a 'buffer' block for overflow. At end of day, compare planned vs actual. Adjust and repeat."
},
{
name: "The Two-Minute Rule",
detail: "From David Allen's GTD: if a task takes less than 2 minutes, do it immediately. Don't add it to a list, don't 'come back to it.' The mental overhead of tracking small tasks exceeds the cost of just doing them. This clears cognitive space for deep work. Combined with time-blocking, it means your deep work hours are truly free from nagging small tasks.",
exercise: "Right now, do every task on your mental backlog that takes under 2 minutes. Reply to that email. File that document. Send that text. Feel the mental weight lift. This is the clearing that enables deep work."
}
],
resources: [
"Deep Work — Cal Newport",
"The ONE Thing — Gary Keller",
"Getting Things Done — David Allen",
"War of Art — Steven Pressfield"
]
},
people: {
icon: "🤝",
title: "People & Networks",
tagline: "Your network is your net worth — but only if it's built on genuine value",
color: "#000",
the20: [
"Give before you ask — the 5:1 ratio. Five genuine value-adds before any request.",
"Read the room by watching what people do, not what they say — behavior never lies",
"In negotiation, the person who names the number first anchors the conversation",
"Build in public — let your work speak and attract your network to you",
],
keyInsight: "Almost every major opportunity in life comes through people. Not applications, not algorithms — people. But networking is not collecting contacts. It's building genuine relationships where both sides benefit. The best networkers are the most generous — they connect, help, and give without keeping score.",
principles: [
{
name: "Reading People",
detail: "People tell you who they are constantly — through actions, not words. Watch for: (1) What they do when nothing is at stake (character). (2) What they do under pressure (true nature). (3) How they treat people who can do nothing for them (integrity). (4) The gap between their words and actions (reliability). Also: people's recurring complaints reveal their values, and what they brag about reveals their insecurities.",
exercise: "In your next 3 meetings, focus on watching instead of talking. Note: body language when topics change, who speaks and who defers, what topics make people lean in vs. check out. Write your observations afterward."
},
{
name: "Network Building",
detail: "Forget networking events. Build your network through: (1) Doing exceptional work publicly — your work is your calling card. (2) Consistent, genuine outreach — a quick message about something specific you appreciated. (3) Being a connector — introduce people who should know each other. This builds social capital exponentially. (4) The 'weak ties' principle: your biggest opportunities come from acquaintances, not close friends, because they bridge different social clusters.",
exercise: "This week, reach out to 5 people whose work you genuinely admire. No ask. Just a specific, thoughtful observation about their work. Example: 'Your post about X made me rethink Y. Here's what I changed as a result.' Track who responds."
},
{
name: "Negotiation",
detail: "Chris Voss's framework: (1) Mirror — repeat the last 3 words they said. This triggers elaboration. (2) Label emotions — 'It seems like you're concerned about...' (3) Ask calibrated questions — 'How am I supposed to do that?' (puts them in problem-solving mode). (4) Never split the difference — that's a lazy compromise where nobody gets what they want. (5) Know your BATNA (Best Alternative To a Negotiated Agreement) — your power comes from your willingness to walk away.",
exercise: "In your next negotiation (salary, contract, purchase): Use mirroring 3 times. Label one emotion. Ask one 'How' question. Afterward, note which technique had the biggest impact."
},
{
name: "Trust Building",
detail: "Trust = Credibility + Reliability + Intimacy, divided by Self-Orientation (the Maister equation). Credibility: you know your stuff. Reliability: you do what you say. Intimacy: they feel safe with you. Self-Orientation: the lower this is (meaning you're focused on them, not yourself), the higher trust goes. Most people try to build trust through credibility (showing off expertise). The fastest path is actually reducing self-orientation — genuinely caring about their outcome.",
exercise: "In your next client or colleague interaction, spend the first 10 minutes asking only questions. Don't share your expertise until asked. Note how this changes the dynamic. People trust those who listen."
},
{
name: "Influence Without Authority",
detail: "Robert Cialdini's principles condensed: (1) Reciprocity — give first, generously. (2) Social proof — show that others like them have done this. (3) Commitment/consistency — get small yeses before big ones. (4) Authority — demonstrate expertise subtly through results, not claims. (5) Liking — find genuine common ground. (6) Scarcity — what's unique about your offer? In practice, reciprocity and social proof do 80% of the heavy lifting.",
exercise: "Choose one relationship where you need influence but don't have authority. Apply reciprocity: do something valuable for them this week with zero expectation of return. Observe how the dynamic shifts over 2 weeks."
}
],
resources: [
"Never Split the Difference — Chris Voss",
"How to Win Friends and Influence People — Dale Carnegie",
"Give and Take — Adam Grant",
"The Trusted Advisor — David Maister"
]
},
money: {
icon: "💰",
title: "Money & Value",
tagline: "Wealth is created by understanding what people actually value",
color: "#000",
the20: [
"Price based on value delivered, not time spent — time-based pricing caps your income",
"Build assets that earn while you sleep: content, code, systems, equity",
"Understand the difference between linear and exponential income — then shift toward exponential",
"People pay for transformation and status, not features and information",
],
keyInsight: "Money flows to those who solve expensive problems. The bigger the problem, the more they'll pay. Most people try to optimize their hourly rate when they should be optimizing their leverage — how many people they help per unit of effort.",
principles: [
{
name: "Value Perception",
detail: "People don't pay for what things cost to make. They pay for what things are worth to them. A wedding photographer charges $5,000 not because it takes $5,000 of effort, but because bad wedding photos are irreplaceable. Price signals quality — raise prices and demand sometimes increases (Veblen effect). The lesson: position your work around outcomes and emotions, not inputs and hours.",
exercise: "Take your current product or service. Rewrite the description focusing entirely on the outcome/transformation for the customer. No mention of features, process, or time. What would someone pay for that outcome?"
},
{
name: "Financial Literacy",
detail: "The core concepts: (1) Compound interest — $1,000/month at 8% becomes $1.5M in 25 years. Start early. (2) Assets vs. liabilities — assets put money in your pocket, liabilities take it out. Your house is a liability. A rental property is an asset. (3) Cash flow > net worth — you can be asset-rich and cash-poor. (4) Tax optimization — the wealthy focus on minimizing taxes legally. Learn tax-advantaged accounts and structures.",
exercise: "Calculate: if you saved $500/month starting today with 8% annual returns, what would you have in 10, 20, and 30 years? (Answer: ~$92K, ~$294K, ~$745K). Now ask: what would happen if you doubled the monthly amount? The gap is your motivation."
},
{
name: "Leverage",
detail: "Naval Ravikant's framework: there are 4 types of leverage: (1) Labor — other people working for you (oldest form, highest management cost). (2) Capital — money working for you (requires trust and track record). (3) Code — software working for you (zero marginal cost, infinite scale). (4) Media — content working for you (audience, brand, distribution). The new rich use code and media because they scale without permission and have near-zero marginal cost.",
exercise: "Map your current income sources. What type of leverage does each use? Now brainstorm: how could you add code or media leverage to your work? What would you build or create once that earns repeatedly?"
},
{
name: "Income Stacking",
detail: "The most financially resilient people don't have one income source — they have a stack. Foundation: skill-based active income (your expertise sold for money). Layer 2: productized services (same expertise, less time per client). Layer 3: digital products (courses, templates, tools). Layer 4: investments and equity. Each layer requires less time but more upfront effort. Build sequentially — don't try to jump to layer 4.",
exercise: "Write down your current income sources. Which layer are they on? What would it look like to productize your current skill into a layer 2 or 3 offering? Draft a rough concept."
},
{
name: "Value-Based Pricing",
detail: "Stop trading time for money. Instead: (1) Quantify the value you create. If your marketing increases revenue by $500K, charging $50K is a bargain. (2) Price anchoring: always present your price after establishing the value. '$500K in additional revenue' makes '$50K investment' feel small. (3) Offer tiers — good/better/best. Most people choose the middle, which should be your ideal engagement. (4) Never itemize hours — it invites line-item negotiation.",
exercise: "For your next proposal: calculate the financial impact of your work on the client's business. Set your price at 10-20% of that impact. Present the value number first, then your price. Compare the response to your usual approach."
}
],
resources: [
"The Almanack of Naval Ravikant — Eric Jorgenson",
"The Psychology of Money — Morgan Housel",
"Rich Dad Poor Dad — Robert Kiyosaki",
"100M Offers — Alex Hormozi"
]
}
};
const PROGRESS_KEY = "meta-skills-progress-v2";
function App() {
const [activeSkill, setActiveSkill] = useState(null);
const [activePrinciple, setActivePrinciple] = useState(null);
const [completedItems, setCompletedItems] = useState({});
const [notes, setNotes] = useState({});
const [showNotes, setShowNotes] = useState({});
const [view, setView] = useState("home");
const [searchQuery, setSearchQuery] = useState("");
const contentRef = useRef(null);
useEffect(() => {
(async () => {
try {
const res = await window.storage.get(PROGRESS_KEY);
if (res?.value) {
const data = JSON.parse(res.value);
setCompletedItems(data.completed || {});
setNotes(data.notes || {});
}
} catch (e) {}
})();
}, []);
const saveProgress = useCallback(async (newCompleted, newNotes) => {
try {
await window.storage.set(PROGRESS_KEY, JSON.stringify({
completed: newCompleted,
notes: newNotes
}));
} catch (e) {}
}, []);
const toggleComplete = (key) => {
const updated = { ...completedItems, [key]: !completedItems[key] };
setCompletedItems(updated);
saveProgress(updated, notes);
};
const updateNote = (key, value) => {
const updated = { ...notes, [key]: value };
setNotes(updated);
saveProgress(completedItems, updated);
};
const getProgress = (skillKey) => {
const skill = SKILLS_DATA[skillKey];
const total = skill.principles.length;
let done = 0;
skill.principles.forEach((_, i) => {
if (completedItems[`${skillKey}-${i}`]) done++;
});
return { done, total, pct: Math.round((done / total) * 100) };
};
const getTotalProgress = () => {
let total = 0, done = 0;
Object.keys(SKILLS_DATA).forEach(key => {
const p = getProgress(key);
total += p.total;
done += p.done;
});
return { done, total, pct: total ? Math.round((done / total) * 100) : 0 };
};
const openSkill = (key) => {
setActiveSkill(key);
setActivePrinciple(null);
setView("skill");
if (contentRef.current) contentRef.current.scrollTop = 0;
};
const openPrinciple = (idx) => {
setActivePrinciple(idx);
setView("principle");
if (contentRef.current) contentRef.current.scrollTop = 0;
};
const filteredSkills = searchQuery
? Object.entries(SKILLS_DATA).filter(([_, s]) =>
s.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
s.principles.some(p => p.name.toLowerCase().includes(searchQuery.toLowerCase()))
)
: Object.entries(SKILLS_DATA);
const totalProg = getTotalProgress();
const renderHome = () => (
80/20 Meta-Skills
The Skills That Multiply Everything
A focused course on the 20% of meta-skills that drive 80% of results. Learn the principles, do the exercises, build the habits.
1. Start with "How to Learn Anything Fast" — it accelerates everything else. 2. For each skill, read the 20% that matters, then the key insight. 3. Go deep on one principle at a time. Do the exercise before moving on. 4. Use the notes section to capture your own insights. 5. Mark principles complete as you internalize them. Progress is saved.