Frontend
Skills
Wondel.ai Agent Skills — Business, Marketing, UX & Coding Frameworks from Bestselling Books. 50 skills + 12 guided journeys for Claude Code, Codex, Cursor & other agentskills.io agents.
npx skills add wondelai/skillsSkill Details
Wondel.ai Agent Skills — Business, Marketing, UX & Coding Frameworks from Bestselling Books
65 agent skills for Claude, Claude Code, Claude Cowork, Codex, Cursor, OpenClaw, Hermes Agent and other agentskills.io-compatible agents — also packaged as spec-conformant Agent Plugins: 51 expert frameworks from bestselling books and industry style guides, plus 14 metaskills — guided journeys that orchestrate them step by step to create, improve, or grow a business, website, or app, and to improve code quality, remove technical debt, design code architecture, optimize a conversion flow, or optimize an existing codebase. Each metaskill asks you the decision questions phase by phase and keeps its state in your project's docs/ folder, so a journey survives across sessions. Browse all skills at skills.wondel.ai.
Installation
Via Claude Code Plugin Marketplace
# 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, Working with Legacy Code, Google Docs Style
/plugin install systems-architecture@wondelai-skills # DDIA, System Design, Clean Architecture, Release It!, High Performance Browser Networking
/plugin install metaskills@wondelai-skills # 14 guided journeys: create/improve/grow a business, website, or app + code quality, tech debt, architecture, conversion, optimization
Via skills.sh
Install via skills.sh:
# 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
npx skills add wondelai/skills/technical-documentation --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
npx skills add wondelai/skills/conversion-optimization --global
npx skills add wondelai/skills/architecture-optimization --global
Via OpenAI Codex
Codex adopted the same open SKILL.md standard, so every skill here works in Codex CLI too:
- Individual skills — the
npx skills add wondelai/skills/<name>commands above target Codex as well (Codex is a supported agentskills.io agent). - As Codex plugins — this repo ships a Codex plugin marketplace at
.agents/plugins/marketplace.jsonwith the same 10 collections. In a clone, Codex auto-discovers it (and the skills under.agents/skills/); manage installs from the/pluginsmenu in the Codex TUI. The Codex manifests are generated from.claude-plugin/marketplace.json(single source of truth) byscripts/generate-plugins.sh.
Via Agent Plugins (agent-plugins.org)
The same collections also ship in the open Agent Plugins format (spec v1.0.0), so any conforming client can install them:
- Collection plugins — each
plugins/<collection>/directory is a self-contained Agent Plugin: a rootplugin.jsonmanifest plus real copies of its skills underskills/— the same 10 collections as the Claude marketplace. - All-in-one bundle —
plugins/wondelai-skills/is a single Agent Plugin containing all 65 skills. - Installing — the spec defines the package format; installation is client-specific. Clone this repo and point your client at a plugin directory (e.g.
plugins/marketing-croorplugins/wondelai-skills). The manifests are generated from.claude-plugin/marketplace.json(single source of truth) byscripts/generate-plugins.sh.
Available Skills
| Skill | Description | Based On |
|---|---|---|
| jobs-to-be-done | JTBD framework for product innovation | Clayton Christensen's "Competing Against Luck" |
| cro-methodology | Conversion rate optimization methodology | Karl Blanks & Ben Jesson's "Making Websites Win" |
| refactoring-ui | Practical UI design system | Adam Wathan & Steve Schoger's "Refactoring UI" |
| ios-hig-design | Native iOS app design guidelines | Apple's Human Interface Guidelines |
| scorecard-marketing | Quiz/assessment funnel lead generation | Daniel Priestley's "Scorecard Marketing" |
| storybrand-messaging | Clear brand messaging using story structure | Donald Miller's "Building a StoryBrand" |
| hooked-ux | Habit-forming product design | Nir Eyal's "Hooked" |
| improve-retention | Behavior design for user retention using B=MAP | BJ Fogg's "Tiny Habits" |
| ux-heuristics | Usability evaluation and principles | Steve Krug's "Don't Make Me Think" & Jakob Nielsen's 10 Heuristics |
| web-typography | Web typography principles and implementation | Jason Santa Maria's "On Web Typography" |
| top-design | Award-winning 10/10 web design matching elite agencies | Techniques from Locomotive, Studio Freight, AREA 17, Awwwards winners |
| negotiation | Tactical negotiation framework for high-stakes conversations | Chris Voss's "Never Split the Difference" |
| influence-psychology | Persuasion science and ethical influence principles | Robert Cialdini's "Influence: The Psychology of Persuasion" |
| lean-startup | Build-Measure-Learn methodology for startups and new products | Eric Ries's "The Lean Startup" |
| design-sprint | 5-day process for validating ideas through prototyping and testing | Jake Knapp's "Sprint" |
| crossing-the-chasm | Technology adoption lifecycle and go-to-market for tech products | Geoffrey Moore's "Crossing the Chasm" |
| blue-ocean-strategy | Create uncontested market space with value innovation | W. Chan Kim & Renée Mauborgne's "Blue Ocean Strategy" |
| traction-eos | Entrepreneurial Operating System for running a business | Gino Wickman's "Traction" |
| design-everyday-things | Foundational design principles: affordances, signifiers, feedback | Don Norman's "The Design of Everyday Things" |
| predictable-revenue | Outbound sales process and Cold Calling 2.0 methodology | Aaron Ross's "Predictable Revenue" |
| made-to-stick | SUCCESs framework for creating memorable messaging | Chip Heath & Dan Heath's "Made to Stick" |
| drive-motivation | Intrinsic motivation science: Autonomy, Mastery, Purpose | Daniel Pink's "Drive" |
| hundred-million-offers | Grand Slam Offer creation: Value Equation, pricing, bonuses, guarantees, scarcity | Alex Hormozi's "$100M Offers" |
| obviously-awesome | Product positioning: competitive alternatives, unique value, target customers, market category | April Dunford's "Obviously Awesome" |
| contagious | Word-of-mouth and virality using the STEPPS framework | Jonah Berger's "Contagious" |
| one-page-marketing | End-to-end marketing plan: 9-square grid from prospect to raving fan | Allan Dib's "The 1-Page Marketing Plan" |
| mom-test | Customer interview framework: talk about their life, not your idea | Rob Fitzpatrick's "The Mom Test" |
| inspired-product | Empowered product teams with discovery and delivery dual-track | Marty Cagan's "Inspired" |
| lean-ux | Hypothesis-driven UX design with rapid experiments | Jeff Gothelf's "Lean UX" |
| continuous-discovery | Weekly customer touchpoints using Opportunity Solution Trees | Teresa Torres's "Continuous Discovery Habits" |
| microinteractions | Design triggers, rules, feedback, loops and modes for interaction polish | Dan Saffer's "Microinteractions" |
| clean-code | Readable, maintainable code through naming, small functions, and clean error handling | Robert C. Martin's "Clean Code" |
| refactoring-patterns | Named refactoring transformations to improve code structure safely | Martin Fowler's "Refactoring" |
| software-design-philosophy | Managing complexity through deep modules and information hiding | John Ousterhout's "A Philosophy of Software Design" |
| pragmatic-programmer | Meta-principles: DRY, orthogonality, tracer bullets, design by contract | Andrew Hunt & David Thomas's "The Pragmatic Programmer" |
| domain-driven-design | Model software around business domains with bounded contexts and aggregates | Eric Evans's "Domain-Driven Design" |
| ddia-systems | Data system design: storage engines, replication, partitioning, consistency | Martin Kleppmann's "Designing Data-Intensive Applications" |
| system-design | Scalable distributed systems: load balancing, caching, database scaling | Alex Xu's "System Design Interview" |
| clean-architecture | The Dependency Rule: dependencies point inward from frameworks to entities | Robert C. Martin's "Clean Architecture" |
| release-it | Production-ready systems: circuit breakers, bulkheads, timeouts, retry logic | Michael Nygard's "Release It!" |
| high-perf-browser | Web performance: network protocols, resource loading, browser rendering | Ilya Grigorik's "High Performance Browser Networking" |
| 37signals-way | Build less, shape work, ship in six-week cycles with small autonomous teams | Jason Fried & DHH's "Getting Real", "Rework" & Ryan Singer's "Shape Up" |
| steve-jobs-design-review | Jobs-style design reviews: ruthless simplicity, focus, demo culture, binary verdicts | Walter Isaacson's "Steve Jobs", Ken Segall's "Insanely Simple" & Ken Kocienda's "Creative Selection" |
| good-strategy-bad-strategy | Strategy kernels: diagnosis, guiding policy, coherent action — and bad-strategy detection | Richard Rumelt's "Good Strategy Bad Strategy" |
| monetizing-innovation | Price-before-product: willingness-to-pay research, packaging, monetization models | Madhavan Ramanujam & Georg Tacke's "Monetizing Innovation" |
| cold-start-problem | Network effects: atomic networks, the hard side, tipping points, escape velocity | Andrew Chen's "The Cold Start Problem" |
| working-with-legacy-code | Safely change untested code: seams, characterization tests, sprout/wrap, dependency breaking | Michael Feathers' "Working Effectively with Legacy Code" |
| team-topologies | Four team types, three interaction modes, Conway's law, team cognitive load | Matthew Skelton & Manuel Pais's "Team Topologies" |
| high-output-management | Managerial leverage, one-on-ones, OKRs, task-relevant maturity | Andrew S. Grove's "High Output Management" |
| [lean-analytics](https://skills.w |
…
Related Skills
- Open Design🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode & 20+ CLIs via BYOK.FrontendView Details
- Reactive ResumeA one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!FrontendView Details
- CliGoogle Workspace CLI — one command-line tool for Drive, Gmail, Calendar, Sheets, Docs, Chat, Admin, and more. Dynamically built from Google Discovery Service. Includes AI agent skills.FrontendView Details
- Open Code ReviewFast, efficient, battle-tested at Alibaba's scale. Hybrid architecture code review tool: deterministic pipelines + LLM Agent, precise line-level comments, built-in multi-language ruleset (NPE, thread-safety, XSS, SQL injection), OpenAI & Anthropic compatible.FrontendView Details