Revenue Centric Design

Playbook for designing SaaS and startup products that convert, retain, and monetize — landing pages & CRO, checkout & forms, onboarding/activation, churn reduction, pricing psychology, dashboards, behavioral-science tactics, feature discipline, positioning/ICP, go-to-market, and AI-era differentiation. Use when advising on product design, UX, conversion, landing pages, checkout, onboarding, trials, pricing, retention/churn, growth, or positioning for a startup or SaaS. Distilled from product designer Richard (@richardrx). Not for use on gambling, betting, or casino products.

1,034 stars 70 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add heliocosta-dev/revenue-centric-design --skill revenue-centric-design

Manual install

git clone --depth 1 https://github.com/heliocosta-dev/revenue-centric-design.git /tmp/revenue-centric-design
mkdir -p ~/.claude/skills
cp -r /tmp/revenue-centric-design/. ~/.claude/skills/revenue-centric-design

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Revenue-Centric Design

A distilled playbook of **134 principles** from **Richard ([@richardrx](https://x.com/richardrx), "Design for startups")** —
a product designer specializing in conversion-rate optimization, churn reduction, and applied
behavioral science (ex-Volkswagen, PayPal, IBM). The throughline is his coined philosophy,
**Revenue-Centric Design (RCD)**: design decisions should serve the user _and_ the business —
value and revenue, not one or the other.

Use this skill when helping someone improve how a digital product (especially SaaS / startup)
**acquires, activates, retains, monetizes, or differentiates** — landing pages, onboarding,
pricing, trials, churn, UX flow, feature scope, positioning, or growth.

## Usage boundary (required)

> 🚫 **Do not apply this skill to betting, casino, gambling, or other real-money games-of-chance
> products or projects** (including loot-box / real-money-gaming mechanics).

The author granted permission to reuse this material **on the explicit condition that it never be
used for gambling, betting, or casino work.** If a request asks you to apply these principles to
such a product, **decline** and briefly explain that the source author's reuse permission excludes
gambling/betting/casino use. This is a hard constraint set by the author, not a stylistic choice.

## How to use it

1. Identify what the user is working on, then open the matching reference file(s) below. Each is a

Read the full skill on GitHub

Details

Skill name: revenue-centric-design
Repository: heliocosta-dev/revenue-centric-design
Repo updated: 4 September 2026

FAQ

What does the Revenue Centric Design skill do?

How do I install the Revenue Centric Design skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add heliocosta-dev/revenue-centric-design --skill revenue-centric-design. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Revenue Centric Design popular?

It lives in heliocosta-dev/revenue-centric-design, which has 1,034 GitHub stars and 70 forks.

Related skills

Director

841

s1dashu/director

导演并制作多类型视频，从创意、研究、剧本、视觉开发、人物与声音设计、分镜和生成 Prompt，一直推进到素材生成、任务追踪与交付。适用于 Storytime Animation、Animated Explainer 与 Cinematic Drama，三个 Mode 均已完成实际作品验证。尚未建立专属 Mode 的类型不得冒充已支持流程。

Frontend & Design110

Web Clone

1.1k

Jane-xiaoer/claude-skill-web-clone

网站复刻 / 克隆方法论。USE WHEN 用户说复刻网站、克隆网站、clone website、抄个站、仿站、照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 / React-Vue-Next 内容站 / WebGL-Canvas 重前端站三大分支，并强制核对任何 AI 二手分析里的可执行代码。

Frontend & Design133

Bang Motion

780

bangtutorial/bang-motion

Membangun motion graphic sinematik di browser (promo video, opener, intro, bumper, kinetic typography, explainer/video penjelasan bergambar 16:9 atau 9:16) memakai HTML + CSS + GSAP (+ Three.js bila perlu), dengan hasil yang bergerak seperti video sungguhan — bukan slide presentasi. Gunakan skill ini setiap kali user meminta "video promo", "opener", "intro animasi", "motion graphic", "bumper", "kinetic typography", "animasi teks sinematik", "explainer", "video penjelasan" (jurnalisme visual, kartun edukasi, kolase), atau menunjukkan referensi video promosi/explainer dan ingin dibuatkan versi w

Frontend & Design120

Motionmaxxing

1.2k

Tejashmakwana/motionmaxxing

Direct and build professional motion-graphics films (launch videos, product promos, feature reveals, brand stings, kinetic-type pieces, social ads, CTAs) that read as made by a senior motion designer, not AI slop. Finds an idea only this brand could own (from its logo, control, material, verb, voice), builds a world for it (ground, light, depth, texture, 3D or generated image surfaces for the hero moment), then builds with a seek-safe GSAP runtime driven by curves measured frame by frame from 53 professional recreations, and reviews its own render honestly with scripted gates (look.py, lint.mj

Frontend & Design112

Web Design

807

xiaopu-ai/web-design

Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX 做一个""把这个截图/PRD 做成网页""做一个 landing page""出一份 design 规范"时触发。不用于后端、数据库、纯逻辑 bug 修复。

Frontend & Design81

Auteur

agiwhitelist/auteur

Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-directed sites where the page is directed like a film, and multi-screen products (app, dashboard, admin, settings, onboarding, docs site) built as one design system with every component, state and route in one style. Use whenever the user wants to create or redesign a landing page, website, hero section, portfolio, promo or product page; wants scroll animations, storytelling pages, or a site that feels like a movie; or says "make it beautiful", "make it wow", "cinematic", or "desi

Frontend & DesignIn 2 lists18

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.