Wondel.ai Skills

# Add the marketplace /plugin marketplace add wondelai/skills # Install plugin collections /plugin install product-strategy@wondelai-skills # Jobs to Be Done, Negotiation, Mom Test /plugin install ux-design@wondelai-skills # Refactoring UI, iOS HIG, UX Heuristics, Hooked, Improve Retention, Web Typography, Top Design, Design of Everyday Things, Lean UX, Microinteractions, Steve Jobs Design Review /plugin install marketing-cro@wondelai-skills # CRO Methodology, StoryBrand, Scorecard Marketing, Contagious, 1-Page Marketing /plugin install sales-influence@wondelai-skills # Influence Psychology, Predictable Revenue, Made to Stick, $100M Offers /plugin install product-innovation@wondelai-skills # Lean Startup, Design Sprint, Design of Everyday Things, Inspired, Continuous Discovery, 37signals Way /plugin install strategy-growth@wondelai-skills # Crossing the Chasm, Blue Ocean Strategy, Traction/EOS, Obviously Awesome /plugin install team-motivation@wondelai-skills # Drive (Autonomy, Mastery, Purpose) /plugin install code-craftsmanship@wondelai-skills # Clean Code, Refactoring Patterns, Software Design Philosophy, Pragmatic Programmer, DDD /plugin install systems-architecture@wondelai-skills # DDIA, System Design, Clean Architecture, Release It!, High Performance Browser Networking /plugin install metaskills@wondelai-skills # 12 guided journeys: create/improve/grow a business, website, or app + code quality, tech debt, architecture

# Install all skills npx skills add wondelai/skills --all --global # Or install individual skills npx skills add wondelai/skills/jobs-to-be-done --global npx skills add wondelai/skills/cro-methodology --global npx skills add wondelai/skills/refactoring-ui --global npx skills add wondelai/skills/ios-hig-design --global npx skills add wondelai/skills/scorecard-marketing --global npx skills add wondelai/skills/storybrand-messaging --global npx skills add wondelai/skills/hooked-ux --global npx skills add wondelai/skills/improve-retention --global npx skills add wondelai/skills/ux-heuristics --global npx skills add wondelai/skills/web-typography --global npx skills add wondelai/skills/top-design --global npx skills add wondelai/skills/negotiation --global npx skills add wondelai/skills/influence-psychology --global npx skills add wondelai/skills/lean-startup --global npx skills add wondelai/skills/design-sprint --global npx skills add wondelai/skills/crossing-the-chasm --global npx skills add wondelai/skills/blue-ocean-strategy --global npx skills add wondelai/skills/traction-eos --global npx skills add wondelai/skills/design-everyday-things --global npx skills add wondelai/skills/predictable-revenue --global npx skills add wondelai/skills/made-to-stick --global npx skills add wondelai/skills/drive-motivation --global npx skills add wondelai/skills/hundred-million-offers --global npx skills add wondelai/skills/obviously-awesome --global npx skills add wondelai/skills/contagious --global npx skills add wondelai/skills/one-page-marketing --global npx skills add wondelai/skills/mom-test --global npx skills add wondelai/skills/inspired-product --global npx skills add wondelai/skills/lean-ux --global npx skills add wondelai/skills/continuous-discovery --global npx skills add wondelai/skills/microinteractions --global npx skills add wondelai/skills/clean-code --global npx skills add wondelai/skills/refactoring-patterns --global npx skills add wondelai/skills/software-design-philosophy --global npx skills add wondelai/skills/pragmatic-programmer --global npx skills add wondelai/skills/domain-driven-design --global npx skills add wondelai/skills/ddia-systems --global npx skills add wondelai/skills/system-design --global npx skills add wondelai/skills/clean-architecture --global npx skills add wondelai/skills/release-it --global npx skills add wondelai/skills/high-perf-browser --global npx skills add wondelai/skills/37signals-way --global npx skills add wondelai/skills/steve-jobs-design-review --global npx skills add wondelai/skills/good-strategy-bad-strategy --global npx skills add wondelai/skills/monetizing-innovation --global npx skills add wondelai/skills/cold-start-problem --global npx skills add wondelai/skills/working-with-legacy-code --global npx skills add wondelai/skills/team-topologies --global npx skills add wondelai/skills/high-output-management --global npx skills add wondelai/skills/lean-analytics --global # Metaskills — guided journeys that orchestrate the skills above npx skills add wondelai/skills/create-business --global npx skills add wondelai/skills/create-website --global npx skills add wondelai/skills/create-app --global npx skills add wondelai/skills/improve-business --global npx skills add wondelai/skills/improve-website --global npx skills add wondelai/skills/improve-app --global npx skills add wondelai/skills/grow-business --global npx skills add wondelai/skills/grow-website --global npx skills add wondelai/skills/grow-app --global npx skills add wondelai/skills/improve-code-quality --global npx skills add wondelai/skills/remove-technical-debt --global npx skills add wondelai/skills/design-code-architecture --global

Codex adopted the same openSKILL.mdstandard, so every skill here works in Codex CLI too:

Strategic framework for discovering and designing product innovations. Customers don't buy products—they "hire" them to make progress in specific circumstances.

- Understand why customers really buy (or don't buy) your product
- Design a new product or feature from scratch
- Write customer discovery interview questions
- Analyze competition beyond obvious product categories
- Diagnose why a product isn't selling or customers are churning
- Create positioning and messaging strategy
- Reframe product metrics around customer progress
- Understand why customers actually buy and what job they hire the product for

- "Help me write interview questions to discover the job our customers hire our app for. Use jobs-to-be-done skill."
- "Our signup-to-active rate is 20%. Diagnose why users aren't completing the Little Hire. Use jobs-to-be-done skill."
- "What jobs might compete with our meditation app that aren't other meditation apps? Use jobs-to-be-done skill."
- "Write a job statement for someone buying a $3000 online course. Use jobs-to-be-done skill."

Scientific, customer-centric approach to conversion rate optimization. Rejects "best practices" in favor of evidence-based testing—understand WHY visitors don't convert before changing anything.

- Audit a landing page or website for conversion issues
- Identify why visitors aren't converting (objections vs. UX problems)
- Write persuasive copy that addresses customer objections
- Design A/B tests with bold hypotheses (not button color tests)
- Find hidden "persuasion assets" you're not using
- Map and optimize a conversion funnel
- Create an objection/counter-objection framework
- Increase signups or fix a checkout where people add to cart but don't buy

- "Audit this landing page and list the top 5 objections a visitor might have. Use cro-methodology skill."
- "Create an O/CO (objection/counter-objection) table for our SaaS pricing page. Use cro-methodology skill."
- "What persuasion assets are we missing on this page? (testimonials, guarantees, credentials). Use cro-methodology skill."
- "Rewrite this headline to address the 'is this worth my time?' objection. Use cro-methodology skill."

- Make a UI "look less amateur" without a designer
- Fix visual hierarchy problems (everything looks the same importance)
- Choose a consistent spacing and typography scale
- Build a color palette with proper shades and contrast
- Add depth with shadows and layering
- Review UI code for common design mistakes
- Style components in Tailwind CSS
- Fix a UI that looks off, amateur, or unprofessional and make it look polished

- "This dashboard looks cluttered. Fix the hierarchy. Use refactoring-ui skill."
- "Generate a color palette with 9 shades for a warm, friendly SaaS app. Use refactoring-ui skill."
- "Review this card component and suggest spacing/typography improvements. Use refactoring-ui skill."
- "The text is hard to read. What's wrong with the contrast and line height? Use refactoring-ui skill."
- "Convert this design to Tailwind classes. Use refactoring-ui skill."

Design native iOS apps that feel intuitive and aligned with Apple's platform conventions. Covers layout, typography, navigation, gestures, colors, and accessibility.

- Design iPhone or iPad app interfaces
- Build SwiftUI or UIKit components that feel native
- Validate if a design follows iOS conventions
- Implement proper navigation patterns (tab bar, nav bar, modals)
- Ensure accessibility (VoiceOver, Dynamic Type, contrast)
- Handle safe areas, notch, and Dynamic Island correctly
- Choose correct touch target sizes and spacing
- Make an iPhone or iPad app feel native and follow Apple's guidelines

- "Review this SwiftUI view and check if it follows HIG guidelines. Use ios-hig-design skill."
- "What's the correct navigation pattern for a settings screen with sub-pages? Use ios-hig-design skill."
- "Add proper accessibility labels to these interactive elements. Use ios-hig-design skill."
- "This design uses a hamburger menu. What's the iOS-native alternative? Use ios-hig-design skill."
- "Generate the correct icon sizes for App Store submission. Use ios-hig-design skill."

Lead generation system using interactive quiz/assessment funnels. Converts 30-50% vs 3-10% for traditional PDF lead magnets by creating psychological tension and self-qualification.

- Create a lead magnet that actually converts
- Build a quiz funnel landing page
- Design assessment questions that qualify leads
- Write dynamic results content based on score tiers
- Set up automated follow-up sequences by segment
- Generate scorecard concepts for any industry
- Build a quiz or assessment that captures and qualifies leads

- "Create a scorecard concept for a B2B accounting software company. Use scorecard-marketing skill."
- "Write 15 assessment questions for a 'Marketing Maturity' scorecard with 5 categories. Use scorecard-marketing skill."
- "Generate landing page copy for a 'Are You Ready to Scale?' quiz using the 3 Cs formula. Use scorecard-marketing skill."
- "Write dynamic results page content for Low/Medium/High scoring tiers. Use scorecard-marketing skill."
- "What follow-up email sequence should we send based on scorecard results? Use scorecard-marketing skill."

StoryBrand framework for clarifying your message so customers will listen. Positions your customer as the hero and your brand as the guide in a story structure that resonates.

- Clarify your brand message so customers understand it instantly
- Write website copy that converts visitors to customers
- Create one-liners and elevator pitches
- Build landing pages with narrative structure
- Position your customer as the hero (not your brand)
- Diagnose why your current messaging isn't resonating
- Develop a brand script for consistent communication
- Rewrite confusing homepage copy so the customer is the hero

- "Create a StoryBrand brand script for my SaaS project management tool. Use storybrand-messaging skill."
- "Write a one-liner for our accounting firm. Use storybrand-messaging skill."
- "Audit this homepage copy—is the customer positioned as the hero? Use storybrand-messaging skill."
- "What's the internal problem our customers face beyond the external one? Use storybrand-messaging skill."
- "Generate a 3-step plan section for our services page. Use storybrand-messaging skill."

Hook Model framework for building habit-forming products. The four-phase process (Trigger → Action → Variable Reward → Investment) that connects users to your product through successive cycles.

- Increase user engagement and retention
- Design habit loops in your product
- Audit why users aren't returning
- Create effective triggers and notifications
- Design variable reward systems
- Increase investment and switching costs
- Evaluate the ethics of your engagement tactics
- Optimize onboarding for habit formation
- Build a habit loop so users come back instead of churning after signup

- "What's the internal trigger for our meditation app? Use hooked-ux skill."
- "Design a variable reward system for our fitness tracking app. Use hooked-ux skill."
- "Audit our onboarding—does it complete the full Hook cycle? Use hooked-ux skill."
- "How can we increase investment in our note-taking app to improve retention? Use hooked-ux skill."
- "Are we in the Habit Zone? Analyze our usage frequency vs. perceived value. Use hooked-ux skill."

Behavior design framework for diagnosing and fixing retention problems. Uses BJ Fogg's B=MAP model (Behavior = Motivation + Ability + Prompt) to systematically identify why users aren't completing key actions and design behaviors that stick.

- Diagnose why users aren't completing key actions
- Reduce friction using the Ability Chain (6 simplicity factors)
- Design effective prompts and notifications
- Create tiny behaviors that compound into retention
- Audit motivation-ability mismatches
- Design onboarding that builds lasting habits
- Apply B=MAP to improve activation and retention metrics
- Fix a product where people sign up but don't stick around

- "Our Day-7 retention is 20%. Diagnose using B=MAP — is it a motivation, ability, or prompt problem? Use improve-retention skill."
- "Run a friction audit on our onboarding flow using the Ability Chain. Use improve-retention skill."
- "Design a Tiny Habits recipe for our core daily action. Use improve-retention skill."
- "Our push notifications have low click-through rates. Are we prompting below the Action Line? Use improve-retention skill."
- "Why do users sign up but never complete their first project? Use improve-retention skill."

Usability heuristics and evaluation principles combining Steve Krug's practical "Don't Make Me Think" approach with Jakob Nielsen's 10 heuristics for systematic interface evaluation.

- Audit a UI for usability problems
- Identify why users are confused or frustrated
- Simplify navigation and information architecture
- Conduct heuristic evaluations
- Prioritize UX fixes by severity
- Review designs before development
- Improve form usability
- Validate that interfaces follow established UX principles
- Check whether something is easy to use and find concrete usability problems

- "Run a heuristic evaluation on this checkout flow. Use ux-heuristics skill."
- "Apply the Trunk Test to this homepage—can users answer the 6 key questions? Use ux-heuristics skill."
- "Rate the severity of these usability issues from 0-4. Use ux-heuristics skill."
- "What UX heuristics is this error message violating? Use ux-heuristics skill."
- "Audit this form for usability issues and suggest fixes. Use ux-heuristics skill."

Web typography principles for choosing, pairing, and implementing typefaces. Typography serves communication—the best typography is invisible, immersing readers in content rather than calling attention to itself.

- Select typefaces for body text, headlines, and UI
- Evaluate typeface quality for screen readability
- Pair fonts that work together (or decide to use just one)
- Set optimal line length, line height, and font size
- Implement responsive typography with CSS
- Build type hierarchies that guide readers
- Optimize web font loading for performance
- Choose a font and improve readability when text is hard to read

- "Recommend a typeface pairing for a legal services website. Use web-typography skill."
- "Evaluate if this Google Font is suitable for long-form reading. Use web-typography skill."
- "Set up a fluid type scale using clamp() for responsive typography. Use web-typography skill."
- "What's wrong with the typography on this blog post? The text feels hard to read. Use web-typography skill."
- "Create CSS for optimal body text: font-size, line-height, and max-width. Use web-typography skill."

Create award-winning websites and applications with design and typography rated 10/10. Build premium digital experiences that match the quality of elite agencies like Locomotive, Studio Freight, AREA 17, Active Theory, Hello Monday, and Awwwards winners.

About the source:This skill synthesizes techniques from the world's top digital agencies—studios that consistently win FWA, Awwwards, CSS Design Awards, and Webby Awards. Every pixel is intentional, typography is architecture, motion creates emotion, and performance is non-negotiable.

- Build premium portfolio sites, brand websites, or agency-level experiences
- Create immersive web experiences with custom animations
- Implement exceptional typography with dramatic scale contrast
- Design scroll-based compositions with purposeful motion
- Match the quality of Awwwards-winning sites
- Give a site a wow factor and make it genuinely impressive

- "Build a portfolio site at the level of Studio Freight or Locomotive. Use top-design skill."
- "Create an immersive hero section with award-winning typography. Use top-design skill."
- "Design a scroll-based experience for a luxury brand. Use top-design skill."
- "Review this website against top agency standards. Use top-design skill."
- "Add custom animations that feel like an Awwwards winner. Use top-design skill."

Tactical empathy-based negotiation framework from FBI hostage negotiator Chris Voss. Master techniques like mirroring, labeling, calibrated questions, and the Ackerman bargaining method to navigate high-stakes conversations.

- Prepare for salary or contract negotiations
- Handle difficult conversations with stakeholders
- Craft responses to unreasonable demands
- Analyze counterpart behavior and motivations
- Navigate vendor or partnership negotiations
- De-escalate tense situations
- Build rapport in adversarial settings
- Close deals without compromising your position
- Ask for a raise or get a better deal when the other side won't budge

- "I'm negotiating a 20% raise. Help me prepare using the Ackerman method. Use negotiation skill."
- "My client said 'that's not fair.' How do I respond? Use negotiation skill."
- "Write calibrated questions to uncover why the vendor won't budge on price. Use negotiation skill."
- "Draft an accusation audit for a meeting where they think we've been unresponsive. Use negotiation skill."
- "How do I get them to say 'That's right' about our proposal? Use negotiation skill."
- "The other party has gone silent. What's my re-engagement strategy? Use negotiation skill."

Persuasion science framework applying Robert Cialdini's seven universal principles of influence (Reciprocity, Commitment & Consistency, Social Proof, Authority, Liking, Scarcity, Unity) to product design, marketing, and communication.

- Design features that leverage social proof
- Write persuasive copy and messaging
- Analyze why users take (or don't take) actions
- Create onboarding flows using commitment/consistency
- Design referral programs using reciprocity
- Audit for ethical persuasion
- Apply influence psychology to product, marketing, or sales
- Make copy more persuasive and build trust so more people say yes

- "Audit this landing page for Cialdini's influence principles. Which are missing? Use influence-psychology skill."
- "Design a referral program using reciprocity and social proof. Use influence-psychology skill."
- "How can we use commitment/consistency in our onboarding flow? Use influence-psychology skill."
- "Is this scarcity tactic ethical? Review against the ethical checklist. Use influence-psychology skill."

Build-Measure-Learn methodology for startups and new products. Test assumptions with MVPs, measure with actionable metrics, and decide when to pivot or persevere.