πŸ”„
FrontendShell

Hooked UX

by wondelai

Hooked UX is a Frontend skill for Claude Code, published by wondelai in skills.

1.9K stars195 forkson wondelai/skillsAdded 2026/08/18+2% in starsRepository updated 2026/08/10
agent-skillsai-skillsbusinessclaude-codeclaude-code-marketplaceclaude-code-pluginclaude-code-skillsclaude-pluginsclaude-skillscode-qualityframeworksmarketingproduct-strategyskill-mdskillsmpux
Install in seconds
Install Hooked UX
Copy Hooked UX into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/wondelai/skills/tree/main/hooked-ux ~/.claude/skills/hooked-ux

Requires Node.js. Downloads this skill only β€” not the rest of the repository β€” into your Claude Code skills folder.

Without Node.js

git clone https://github.com/wondelai/skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
hooked-ux/SKILL.md in wondelai/skills
Installs to
~/.claude/skills/hooked-ux
Collection
One of 25 skills cataloged from this repository
Category
Frontend β€” 567 skills

What Hooked UX does

Hooked UX designs habit-forming product loops using the Hook Model (Trigger, Action, Variable Reward, Investment). Use when users aren't coming back, designing engagement loops, building streaks or progress systems, or analyzing why users stop after signup, with ethics evaluation and onboarding for habits.

Hooked UX is cataloged under Frontend on DirSkills. Hooked UX comes from a repository tagged agent-skills, ai-skills, business, claude-code and claude-code-marketplace.

Documentation

README

Hook Model Framework

Framework for building habit-forming products. Habits are not created β€” they are built through successive cycles through the Hook.

Core Principle

The Hook Model = a four-phase loop that connects the user's problem to your solution frequently enough to form a habit, moving usage from deliberate to automatic.

Trigger β†’ Action β†’ Variable Reward β†’ Investment
    ↑                                      β”‚
    β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Scoring

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Hooked UX

  • What else does wondelai publish alongside Hooked UX?

    Hooked UX is one of 25 skills that DirSkills catalogs from wondelai/skills, the repository it ships in. Its siblings there include 37signals Way, Blue Ocean Strategy and CRO Methodology. Each one is a separate skill with its own page in this directory, installs the same way Hooked UX does, and is maintained by wondelai in that same repository. The rest of the collection is listed on the wondelai/skills page.

  • How does Hooked UX compare to other Frontend skills?

    Hooked UX ranks #259 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Hooked UX against them. Open each page to compare what they document and how they install.

More from wondelai/skills

Hooked UX is one of 25 skills cataloged on DirSkills from wondelai/skills.

See all 25 skills β†’
βœ‚οΈ
2w ago

37signals Way

37signals Way applies the 37signals philosophy from Getting Real, Rework, and Shape Up to shape work, bet on six-week cycles, and ship lean products. Use it when cutting scope, avoiding overbuilding, or running a small team with fixed time and flexible scope.
Quality
1.9K195
🌊
2w ago

Blue Ocean Strategy

Blue Ocean Strategy creates uncontested market space using value innovation instead of competing head-to-head. Use it to apply the Four Actions Framework, Six Paths, and buyer utility map when a market is crowded or you need to find underserved non-customers.
AI Engineering
1.9K195
πŸ“ˆ
2w ago

CRO Methodology

CRO Methodology audits websites and landing pages for conversion issues and designs evidence-based A/B tests based on customer research and objection handling. Use it when landing pages aren't converting, signups are low, or checkout flows have friction.
Frontend
1.9K195
πŸ›οΈ
2w ago

Clean Architecture

Clean Architecture structures software around the Dependency Rule so source code dependencies point inward from frameworks to use cases to entities. Use when reviewing architecture layers, module boundaries, or deciding where business logic belongs.
Quality
1.9K195
🧹
2w ago

Clean Code

Clean Code applies disciplined naming, small functions, and clean error handling to make code more readable and maintainable. Use it when cleaning up messy code, reviewing pull requests for readability, or improving test quality.
Quality
1.9K195
πŸ•ΈοΈ
2w ago

Cold Start Problem

Cold Start Problem is a framework for starting and scaling networked products, based on Andrew Chen's model of network effects. Use it to plan cold starts, seed atomic networks, solve the hard side of marketplaces, and diagnose stalled network growth.
Automation
1.9K195