Wondelai
- 66 skills
- 0 followers
- 1.6k repo stars
- 2 weeks ago last updated
- ▌ Refactoring UI 2 · wondelai bundleAudit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.
- ▌ Conversion Optimization · wondelai bundleGuided journey from a leaking conversion flow - landing page, signup, checkout, or in-app onboarding - to a measured, tested funnel. Orchestrates six skills phase by phase - lean-analytics, cro-methodology, storybrand-messaging, hundred-million-offers, influence-psychology, design-everyday-things - each phase carries its full method inline so it runs standalone, asking the user questions at every decision point and recording results in the project docs/ folder (FUNNEL.md, METRICS.md, EXPERIMENTS.md, CONVERSION-OPTIMIZATION-PLAN.md) so the journey resumes across sessions. Use when the user wants to raise conversion on a specific flow, fix checkout or signup abandonment, diagnose onboarding drop-off, or says 'people start but never finish'. With no site yet, use create-website; for a whole-site look, message, and speed audit, improve-website; if the flow converts but needs traffic, grow-website; for in-product engagement and retention, improve-app. For one framework in isolation, invoke that skill directly.
- ▌ Technical Documentation · wondelai bundleAudit, write, and improve developer documentation using Google's Developer Documentation Style Guide and Technical Writing courses. Use this skill for any documentation work, even when the user names no style guide: "audit our docs", "review this README", "write a README", "getting started guide", "how-to or tutorial", "API reference", "docstrings", "CLI help text", "changelog or release notes", "migration guide", or "our docs are confusing". Also use it when writing docs from code, rewriting a doc for clarity, fixing headings, procedures, or code samples, or enforcing consistent voice and terminology across a docs set — prefer it over editing documentation unaided. Covers reader and doc-type fit, second person and active voice, procedures, headings, lists and tables, code samples and placeholders, link text, notices, the word list, timeless docs, and accessibility. For code comments and naming, see clean-code. For marketing or landing-page copy, see storybrand-messaging.
- ▌ Design Code Architecture · wondelai bundleGuided journey from an app idea to a deliberate architecture: boundaries, domain model, data decisions, and resilience, making only the expensive-to-reverse decisions and deferring the rest. Orchestrates eight skills phase by phase - clean-architecture, domain-driven-design, system-design, ddia-systems, software-design-philosophy, release-it, pragmatic-programmer, 37signals-way - asking the user questions at every decision point and recording results in the project docs/ folder (ARCHITECTURE.md, DESIGN-CODE-ARCHITECTURE-PLAN.md) so the journey resumes across sessions. Use when the user wants to design a new app's architecture, choose boundaries and a domain model, decide monolith versus microservices, or says 'how should I structure this app'. If a codebase already exists, use remove-technical-debt (aged), improve-code-quality (fresh prototype), or architecture-optimization (slow but working); if unvalidated, run create-business or create-app first. For one framework in isolation, invoke that skill directly.
- ▌ Architecture Optimization · wondelai bundleGuided journey from a working codebase grown slow and tangled to one measurably fast, cleanly bounded, and readable. Orchestrates eight skills phase by phase - working-with-legacy-code, clean-architecture, software-design-philosophy, refactoring-patterns, system-design, ddia-systems, release-it, pragmatic-programmer - every phase carries its method inline so it runs standalone, asking the user questions at every decision point and recording results in the project docs/ folder (PERFORMANCE.md, ARCHITECTURE.md, ARCHITECTURE-OPTIMIZATION-PLAN.md) so the journey resumes across sessions. Use when the user wants to make an app faster, untangle drifted boundaries, fix slow endpoints and queries, or says 'it works but it is slow and getting worse'. For an untested prototype, improve-code-quality; for an aged codebase you fear to touch, remove-technical-debt; for greenfield structure, design-code-architecture; for marketing-site page speed, improve-website. For one framework in isolation, invoke that skill directly.
- ▌ Create Business · wondelai bundleGuided journey from raw idea to a validated, positioned, priced business with a chosen beachhead. Orchestrates ten skills phase by phase - jobs-to-be-done, mom-test, design-sprint, lean-startup, good-strategy-bad-strategy, blue-ocean-strategy, obviously-awesome, hundred-million-offers, monetizing-innovation, crossing-the-chasm - asking the user questions at every decision point and recording results in the project docs/ folder (CUSTOMER.md, POSITIONING.md, OFFER.md, CREATE-BUSINESS-PLAN.md) so the journey resumes across sessions. Use when the user wants to start a new business, validate a startup idea, find product-market fit before building, or says 'I have an idea for a company'. Do not use once the business has paying customers: use grow-business to add revenue and customers, or improve-business to fix strategy and operations. For building the product itself use create-app or create-website. For one framework in isolation, invoke that skill directly.
- ▌ Improve Website · wondelai bundleGuided journey from a live website that underperforms to a prioritized, evidence-backed backlog of conversion, usability, message, and speed fixes - each shipped as a testable experiment. Orchestrates eight skills phase by phase - cro-methodology, ux-heuristics, refactoring-ui, web-typography, storybrand-messaging, high-perf-browser, made-to-stick, design-everyday-things - asking the user questions at every decision point and recording results in the project docs/ folder (WEBSITE.md, DESIGN.md, IMPROVE-WEBSITE-PLAN.md) so the journey resumes across sessions. Use when the user wants to fix a landing page that isn't converting, diagnose why visitors leave, audit for clarity and usability, or says 'the homepage feels off but a redesign didn't help'. No site yet, create-website; converts but needs traffic, grow-website; if the friction is in a product app, not the marketing site, improve-app; if one specific flow leaks, conversion-optimization. For one framework in isolation, invoke that skill directly.
- ▌ Improve Business · wondelai bundleGuided journey from a stalled, plateaued business to one with an honest diagnosis, a working operating rhythm, and offers repriced to real value. Orchestrates eight skills phase by phase - good-strategy-bad-strategy, traction-eos, high-output-management, team-topologies, drive-motivation, lean-analytics, negotiation, monetizing-innovation - asking the user questions at every decision point and recording results in the project docs/ folder (STRATEGY.md, OPERATIONS.md, METRICS.md, IMPROVE-BUSINESS-PLAN.md) so the journey resumes across sessions. Use when the user wants to fix a business that has plateaued, diagnose why growth stalled, tighten strategy and execution, re-motivate a team, or says 'revenue is flat and I do not know why'. Starting from scratch with no customers: use create-business. Once the fundamentals work and the goal is expansion: use grow-business. When the product itself drags the business down: use improve-app. For one framework in isolation, invoke that skill directly.
- ▌ Improve Code Quality · wondelai bundleGuided journey from a working-but-untested vibe-coded prototype to a production-ready product with tests, clean structure, a business-rules boundary, and resilience at scale. Orchestrates nine skills phase by phase - working-with-legacy-code, clean-code, refactoring-patterns, software-design-philosophy, clean-architecture, pragmatic-programmer, release-it, system-design, ddia-systems - asking the user questions at every decision point and recording results in the project docs/ folder (TESTING.md, TECH-DEBT.md, IMPROVE-CODE-QUALITY-PLAN.md) so the journey resumes across sessions. Use when the user wants to harden an AI-generated prototype, add tests before refactoring, make code safe to change, or says 'this works on my machine but I am scared to touch it'. For an aged codebase, remove-technical-debt; for greenfield structure, design-code-architecture; for a product and UX pass, improve-app; to optimize speed and structure, architecture-optimization. For one framework in isolation, invoke that skill directly.
- ▌ Remove Technical Debt · wondelai bundleGuided journey from a large aged codebase everyone fears to touch to one that is safe to change, legible, bounded, and resilient - paid down in place without a rewrite. Orchestrates eight skills phase by phase - working-with-legacy-code, refactoring-patterns, clean-code, software-design-philosophy, clean-architecture, pragmatic-programmer, release-it, domain-driven-design - asking the user questions at every decision point and recording results in the project docs/ folder (TESTING.md, TECH-DEBT.md, REMOVE-TECHNICAL-DEBT-PLAN.md) so the journey resumes across sessions. Use when the user wants to tame a legacy codebase, pay down technical debt safely, avoid a big-bang rewrite, or says 'we are afraid to touch this code'. For a fresh vibe-coded prototype, improve-code-quality; for greenfield structure, design-code-architecture; for a product-and-UX pass, improve-app; to optimize a working codebase for speed, architecture-optimization. For one framework in isolation, invoke that skill directly.
- ▌ Grow App · wondelai bundleGuided journey from an app people sign up for and then quietly abandon to a sealed retention engine with a habit loop, an activated first run, and one metric the whole team trusts. Orchestrates eight skills phase by phase - hooked-ux, improve-retention, continuous-discovery, lean-ux, inspired-product, lean-analytics, microinteractions, drive-motivation - asking the user questions at every decision point and recording results in the project docs/ folder (PRODUCT.md, METRICS.md, GROW-APP-PLAN.md) so the journey resumes across sessions. Use when the user wants to lift activation and retention, design a habit loop, fix a leaky onboarding funnel, or says 'users sign up then disappear'. Do not use to fix broken UX or performance that no engagement mechanic can paper over - run improve-app first; if there is no app yet, use create-app. For one framework in isolation, invoke that skill directly.
- ▌ Create App · wondelai bundleGuided journey from a raw app idea to a validated, cleanly architected first version that ships on a sustainable cadence. Orchestrates ten skills phase by phase - lean-startup, design-sprint, clean-architecture, domain-driven-design, clean-code, pragmatic-programmer, system-design, ios-hig-design, 37signals-way, software-design-philosophy - asking the user questions at every decision point and recording results in the project docs/ folder (PRODUCT.md, ARCHITECTURE.md, EXPERIMENTS.md, CREATE-APP-PLAN.md) so the journey resumes across sessions. Use when the user wants to build a new app, validate an idea before writing code, architect an MVP that will not need a rewrite, or says 'help me build my app the right way'. App already exists: use improve-app or grow-app. Business idea not yet validated: run create-business first. Marketing site only: use create-website. Architecture-only question: design-code-architecture. For one framework in isolation, invoke that skill directly.
- ▌ Improve App · wondelai bundleGuided journey from a shipped app that works but feels rough to a product that fits the job, flows without friction, reads clearly, and persuades honestly. Orchestrates nine skills phase by phase - jobs-to-be-done, ux-heuristics, design-everyday-things, refactoring-ui, microinteractions, made-to-stick, influence-psychology, high-perf-browser, steve-jobs-design-review - asking the user questions at every decision point and recording results in the project docs/ folder (CUSTOMER.md, DESIGN.md, POSITIONING.md, IMPROVE-APP-PLAN.md) so the journey resumes across sessions. Use when the user wants to fix a clunky product, cut UX friction, sharpen in-app copy, or says 'the app works but feels rough'. Not for code, tests, or hardening - use improve-code-quality (fresh prototype) or remove-technical-debt (aged); no app yet, create-app; needs growth loops, grow-app; marketing-site friction, improve-website; one leaking flow, conversion-optimization. For one framework in isolation, invoke that skill directly.
- ▌ Grow Website · wondelai bundleGuided journey from a website with traffic it under-converts to a research-driven growth engine that captures more leads, persuades more buyers, sells a sharper offer, and earns referrals. Orchestrates eight skills phase by phase - cro-methodology, scorecard-marketing, storybrand-messaging, made-to-stick, influence-psychology, hundred-million-offers, contagious, one-page-marketing - asking the user questions at every decision point and recording results in the project docs/ folder (WEBSITE.md, OFFER.md, MARKETING.md, GROW-WEBSITE-PLAN.md) so the journey resumes across sessions. Use when the user wants to raise conversion on a site that already has traffic, capture more leads, sharpen a weak offer, add referral loops, or says 'my site gets visitors but nobody buys'. If a broken funnel or usability friction is the real blocker, run improve-website first; if there is no site yet, use create-website; for one leaking flow, conversion-optimization. For one framework in isolation, invoke that skill directly.
- ▌ Grow Business · wondelai bundleGuided journey from a business with lucky months to a repeatable growth engine that produces a forecast. Orchestrates nine skills phase by phase - one-page-marketing, hundred-million-offers, predictable-revenue, contagious, influence-psychology, crossing-the-chasm, cold-start-problem, lean-analytics, negotiation - asking the user questions at every decision point and recording results in the project docs/ folder (MARKETING.md, OFFER.md, METRICS.md, GROW-BUSINESS-PLAN.md) so the journey resumes across sessions. Use when the user wants to build a marketing and sales system, manufacture predictable pipeline, engineer word-of-mouth and referrals, or says 'revenue is real but lumpy and I need growth that repeats'. If the offer, retention, or operations underneath are broken, run improve-business first; with no paying customers yet, start with create-business; when the product itself must carry the growth loops, use grow-app. For one framework in isolation, invoke that skill directly.
- ▌ Create Website · wondelai bundleGuided journey from a blank page to a live, high-converting website, built message-first, then design, then conversion. Orchestrates ten skills phase by phase - one-page-marketing, storybrand-messaging, made-to-stick, top-design, web-typography, refactoring-ui, ux-heuristics, cro-methodology, scorecard-marketing, steve-jobs-design-review - asking the user questions at every decision point and recording results in the project docs/ folder (POSITIONING.md, WEBSITE.md, CREATE-WEBSITE-PLAN.md) so the journey resumes across sessions. Use when the user wants to build a new website or landing page from scratch, turn a validated idea into a page that converts, or says 'build me a landing page for my SaaS'. Site already exists: use improve-website site-wide, conversion-optimization for one flow, or grow-website for traffic; building a software product, not a marketing site: create-app; no positioning yet: create-business first, or the positioning phase here. For one framework in isolation, invoke that skill directly.
- ▌ Refactoring Patterns · wondelai bundleApply named refactoring transformations to improve code structure without changing behavior, guided by code smells and safe transformation sequences.
- ▌ Storybrand Messaging · wondelai bundleClarify brand messaging using the StoryBrand framework, positioning the customer as the hero and your brand as the guide.
- ▌ Monetizing Innovation · wondelai bundleDesign products and pricing around validated willingness to pay, using the framework from Ramanujam & Tacke's "Monetizing Innovation" to avoid common monetization failures.
- ▌ Design Everyday Things · wondelai bundleApply foundational design principles—affordances, signifiers, constraints, mappings, and feedback—to evaluate and improve product usability, bridging the gulfs of execution and evaluation.
- ▌ High Output Management · wondelai bundleManage teams using Andy Grove's principles: production thinking for knowledge work, output indicators, managerial leverage, effective meetings, clean decisions, OKRs, and task-relevant maturity.
- ▌ Hundred Million Offers · wondelai bundleCreate irresistible offers using the Value Equation, bonus stacking, risk-reversing guarantees, and ethical scarcity.
- ▌ Steve Jobs Design Review · wondelai bundleReview designs, products, and features using Steve Jobs' standards of ruthless simplicity, focus, and end-to-end excellence.
- ▌ Working With Legacy Code · wondelai bundleSafely change and test untested codebases using techniques from Feathers' 'Working Effectively with Legacy Code': seams, characterization tests, sprout/wrap, and dependency-breaking.
- ▌ Good Strategy Bad Strategy · wondelai bundleFormulate and audit real strategy using Richard Rumelt's framework: an honest diagnosis, a guiding policy, and coherent action instead of goals, vision, and wishful thinking.
- ▌ Software Design Philosophy · wondelai bundleManage software complexity through deep modules, information hiding, and strategic programming, with a scoring framework for evaluating design quality.
- ▌ Lean UX · wondelai bundleReplace heavy UX deliverables with hypothesis-driven design, collaborative sketching, and rapid experiments to learn what users actually need.
- ▌ Mom Test · wondelai bundleRun customer interviews that uncover real problems using Mom Test rules: ask about their life, not your idea; focus on past specifics; and secure commitments instead of collecting compliments.
- ▌ Hooked UX · wondelai bundleDesign habit-forming product loops using the Hook Model (Trigger, Action, Variable Reward, Investment) to analyze and improve user engagement, retention, and re-engagement strategies.
- ▌ Clean Code · wondelai bundleWrite readable, maintainable code through disciplined naming, small functions, and clean error handling.
- ▌ Contagious · wondelai bundleEngineer word-of-mouth and virality using the STEPPS framework (Social Currency, Triggers, Emotion, Public, Practical Value, Stories).
- ▌ Release It · wondelai bundleDesign, deploy, and operate production-ready software with stability patterns, capacity planning, and zero-downtime releases.
- ▌ Top Design · wondelai bundleCreate award-winning, immersive web experiences with dramatic typography, purposeful motion, scroll-based composition, and performance-optimized animation.
- ▌ Negotiation · wondelai bundlePrepare and execute negotiations using tactical empathy, calibrated questions, and the Ackerman method.
- ▌ Ddia Systems · wondelai bundleDesign reliable, scalable, and maintainable data systems by applying principles from storage engines, replication, partitioning, transactions, and consistency models.
- ▌ Lean Startup · wondelai bundleDesign MVPs, validated learning experiments, and pivot-or-persevere decisions using the Build-Measure-Learn loop and innovation accounting.
- ▌ Traction Eos · wondelai bundleImplement the Entrepreneurial Operating System (EOS) to align vision and execution across a company, covering six key components: Vision, People, Data, Issues, Process, and Traction.
- ▌ 37signals Way · wondelai bundleShape, bet, and build products using the 37signals philosophy from Getting Real, Rework, and Shape Up — fix time, flex scope, and ship with small autonomous teams.
- ▌ Design Sprint · wondelai bundleRun a structured 5-day process to prototype, test, and validate product ideas with real users. Covers mapping, sketching, deciding, prototyping, and testing across Monday-Friday.
- ▌ Made To Stick · wondelai bundleCraft messages that are understood, remembered, and drive action using the SUCCESs framework (Simple, Unexpected, Concrete, Credible, Emotional, Stories).
- ▌ System Design · wondelai bundleDesign scalable distributed systems using structured approaches for load balancing, caching, database scaling, and message queues.
- ▌ UX Heuristics · wondelai bundleEvaluate and improve interface usability using heuristic analysis based on Nielsen's 10 heuristics, Krug's laws, and severity ratings.
- ▌ IOS Hig Design · wondelai bundleDesign native iOS interfaces following Apple Human Interface Guidelines, covering layout, typography, color, navigation, and controls for iPhone and iPad apps.
- ▌ Lean Analytics · wondelai bundleChoose and audit startup metrics using the Lean Analytics framework: separate actionable metrics from vanity metrics, identify the One Metric That Matters for your business model and stage, set targets, and plan instrumentation.
- ▌ Refactoring UI · wondelai bundleAudit and fix visual hierarchy, spacing, color, and depth in web UIs using a systematic, opinionated design framework.
- ▌ Web Typography · wondelai bundleSelect, pair, and implement typefaces for web projects with guidance on readability, CSS implementation, and performance optimization.
- ▌ Cro Methodology · wondelai bundleAudit websites and landing pages for conversion issues and design evidence-based A/B tests using a scientific, customer-centric methodology.
- ▌ Jobs To Be Done · wondelai bundleAnalyze customer needs by identifying the 'job' they hire a product to do, covering job statements, forces of progress, and competitive landscapes.
- ▌ Team Topologies · wondelai bundleDesign and evolve engineering team structures for fast flow of change using the Team Topologies framework, including Conway's law, four team types, three interaction modes, and cognitive load management.
- ▌ Drive Motivation · wondelai bundleDesign motivation systems for products and teams using Autonomy, Mastery, and Purpose (AMP) to drive intrinsic engagement.
- ▌ Inspired Product · wondelai bundleBuild empowered product teams that own continuous discovery and delivery, shifting from feature factories to outcome-driven innovation.
- ▌ High Perf Browser · wondelai bundleOptimize web performance by applying browser networking, protocol, and rendering principles to reduce latency and improve Core Web Vitals.
- ▌ Improve Retention · wondelai bundleDiagnose and fix retention problems using the Fogg Behavior Model (B=MAP), covering motivation, ability, prompts, and tiny habits.
- ▌ Microinteractions · wondelai bundleDesign the small details—triggers, rules, feedback, loops, and modes—that separate good products from great ones, based on Dan Saffer's framework.
- ▌ Obviously Awesome · wondelai bundleDefine product positioning by mapping competitive alternatives, unique attributes, and best-fit customers to the right market category using a structured canvas and 5-step process.
- ▌ Clean Architecture · wondelai bundleStructure software around the Dependency Rule so that source code dependencies point inward from frameworks to use cases to entities, keeping business rules independent of databases, UI, and external agencies.
- ▌ Cold Start Problem · wondelai bundleApply Andrew Chen's 'The Cold Start Problem' framework to launch and scale networked products by building atomic networks, solving the hard side, and navigating the five stages of network effects.
- ▌ Crossing The Chasm · wondelai bundleNavigate the technology adoption lifecycle to cross from early adopters to mainstream markets using the D-Day strategy, beachhead selection, whole product assembly, and competitive positioning.
- ▌ One Page Marketing · wondelai bundleBuild a complete marketing plan covering the full customer journey from stranger to raving fan using a 9-square grid framework.
- ▌ Blue Ocean Strategy · wondelai bundleCreate uncontested market space using value innovation instead of competing head-to-head. Covers the Four Actions Framework, Six Paths, strategy canvas, and buyer utility map.
- ▌ Predictable Revenue · wondelai bundleBuild a scalable outbound B2B sales machine with specialized SDR, AE, and CSM roles, using Cold Calling 2.0, referral emails, ANUM qualification, and pipeline math to generate predictable revenue.
- ▌ Scorecard Marketing · wondelai bundleBuild quiz and assessment funnels that generate qualified leads through interactive scorecards, covering concept hooks, question design, dynamic results, and automated follow-up sequences.
- ▌ Continuous Discovery · wondelai bundleBuild a weekly cadence of customer touchpoints using Opportunity Solution Trees, assumption mapping, and interview snapshots to keep product decisions grounded in evidence.
- ▌ Domain Driven Design · wondelai bundleModel software around the business domain using bounded contexts, aggregates, and ubiquitous language, with scoring and diagnostic tools for evaluating domain model quality.
- ▌ Influence Psychology · wondelai bundleApply six decades of persuasion science—Cialdini's principles of reciprocity, commitment, social proof, authority, liking, scarcity, and unity—to product design, copy, and sales, ethically.
- ▌ Pragmatic Programmer · wondelai bundleApply meta-principles of software craftsmanship: DRY, orthogonality, tracer bullets, and design by contract to build systems that are easy to change, understand, and trust.