Token导航 LogoToken导航

Agent Skill · 前端设计

storytelling-storybrand(讲故事 故事品牌)

storytelling-storybrand 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

storytelling-storybrand 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为需要联网;许可证信息还不明确,第三方扫描已通过,按安装量在前端设计类的 10,216 个 Skill 里排第 2,087。

总安装 2,916周安装 124GitHub Stars 85下载 1,022核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:storytelling-storybrand(讲故事 故事品牌)
来源仓库:https://github.com/guia-matthieu/clawfu-skills
仓库路径:skills/storytelling-storybrand
安装命令:
npx skills add https://github.com/guia-matthieu/clawfu-skills --skill storytelling-storybrand
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/guia-matthieu/clawfu-skills --skill storytelling-storybrand

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息。适合在 Codex、Claude、Cursor、Gemini CLI 中围绕仓库状态或协作事项进行整理。通过 npx skills add 命令从指定仓库安装并使用。建议确认权限范围和维护状态,避免触发不必要的联网或文件操作。

storytelling-storybrand 属于前端设计类 Skill,可作为该场景下的辅助能力补充。

来源仓库内路径:skills/storytelling-storybrand

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/guia-matthieu/clawfu-skills --skill storytelli…;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要需要联网,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

storytelling-storybrand 怎么安装?

在终端执行 npx skills add https://github.com/guia-matthieu/clawfu-skills --skill storytelling-storybr…。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

storytelling-storybrand 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

storytelling-storybrand 需要什么权限?

权限级别是需要联网。该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

storytelling-storybrand 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

storytelling-storybrand 用的人多吗?

公开数据是累计安装 2,916 次,近一周安装 124 次,下载 1,022 次,GitHub 85 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

storytelling-storybrand 安全吗?

第三方扫描结果为通过,但这只覆盖已知的静态检查项,不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

  • 需要明确授权才能用到公司项目里的场景。
  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
storytelling-storybrand

讲故事 故事品牌 · 本页

2,91685需要联网未明确通过

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

StoryBrand Framework

Master Donald Miller's 7-part StoryBrand framework from "Building a StoryBrand" (2017). Clarify your message so customers actually listen.

When to Use This Skill

  • Creating or refining website messaging
  • Writing brand narratives and marketing copy
  • Building sales scripts and pitches
  • Clarifying confusing product positioning
  • Creating marketing one-liners
  • Redesigning homepage and landing pages
  • Training teams on consistent messaging

Methodology Foundation

Source: Donald Miller - "Building a StoryBrand" (2017)

Core Principles:

  • "What we think we are saying to our customers and what our customers actually hear are two different things."
  • "People don't buy the best products; they buy the products they can understand the fastest."
  • "The customer is the hero, not your brand."

The Two Fatal Mistakes:

  1. Focusing on the brand instead of how you help customers survive/thrive
  2. Message is too complex for people to understand quickly

Why Story Works: Stories are the most powerful tool for organizing information. The human brain is wired for narrative. StoryBrand uses story structure to make marketing messages clear and compelling.

What Claude Does vs What You Decide

Claude DoesYou Decide
Structures video workflowFinal creative vision
Suggests shot compositionsEquipment selection
Creates storyboard templatesBrand aesthetics
Generates script frameworksFinal approval
Identifies technical requirementsBudget allocation

What This Skill Does

  1. Applies the SB7 Framework - The 7-part story structure for marketing
  2. Creates BrandScripts - Filled-out story templates
  3. Writes One-Liners - Concise elevator pitches
  4. Redesigns Websites - Story-driven web copy
  5. Builds Sales Scripts - Narrative-based selling

How to Use

Create a BrandScript

Help me create a StoryBrand BrandScript for:
Business: [description]
Customer: [who they serve]
Problem: [what customers struggle with]

Write a One-Liner

Write a StoryBrand one-liner for:
Business: [description]
Main problem solved: [problem]
Result delivered: [outcome]

Redesign Website Messaging

Apply StoryBrand to my website messaging:
Current headline: [what it says now]
What we do: [description]
Who we help: [customer]
How we help: [solution]

Build Sales Script

Create a StoryBrand sales script for:
Product: [description]
Customer problem: [pain]
Our solution: [how we help]

Instructions

When applying StoryBrand, work through the 7 plot points systematically:

The SB7 Framework

## THE STORY FORMULA

A **CHARACTER** (who wants something)
has a **PROBLEM** (that they're struggling with)
and meets a **GUIDE** (who understands them)
who gives them a **PLAN** (clear steps to follow)
and **CALLS THEM TO ACTION** (challenges them to act)
that helps them **AVOID FAILURE** (shows the stakes)
and ends in **SUCCESS** (achieves transformation)

---

## 1. THE CHARACTER (Your Customer)

**Key Principle**: Your customer is the HERO of the story, NOT your brand.

**Fatal Mistake**: Most brands position themselves as the hero. ("We are the leading provider of..." "Our award-winning solution..." "Founded in 1985...")

**The Fix**: Define who your customer is and what they want.

**Questions to Answer**:
- Who is the hero of this story?
- What do they want as it relates to your product/service?
- How does this help them survive or thrive?

**Template**:
"A [customer type] who wants [specific desire]..."

**Examples**:
- "A busy executive who wants to look professional without spending time on style"
- "A startup founder who wants to grow without wasting money on ads that don't work"
- "A homeowner who wants a reliable contractor they can trust"

**Rules**:
- ONE clear desire (not multiple)
- Related to survival/thriving (safety, status, belonging, meaning, resources)
- Specific to your offering

---

## 2. THE PROBLEM

**Key Principle**: Problems drive stories. Define the villain and three levels of problem.

**The Villain**:
Every hero needs an obstacle. Define your villain—the source of the problem.

**Villain Rules**:
- Must be a root source of the problem
- Must be relatable (customers recognize it)
- Must be singular (one villain, not many)
- Must be real (not abstract)

**The Three Problem Levels**:

| Level | Definition | Example (Financial Advisor) |
|-------|------------|---------------------------|
| External | The tangible, surface problem | "I don't know how to invest" |
| Internal | How it makes them feel | "I feel stupid about money" |
| Philosophical | Why it's wrong/unjust | "I shouldn't have to be a finance expert to retire" |

**Miller's Insight**: "Companies tend to sell solutions to external problems, but customers buy solutions to internal problems."

**Template**:

Villain: [the root obstacle] External Problem: [tangible issue] Internal Problem: [how they feel] Philosophical Problem: [why this is wrong]

**Example (Meal Delivery)**:

Villain: The chaos of modern life External: "I don't have time to cook healthy meals" Internal: "I feel guilty about feeding my family processed food" Philosophical: "A busy schedule shouldn't mean compromising health"

---

## 3. THE GUIDE (Your Brand)

**Key Principle**: Your brand is the GUIDE, not the hero. Guides have "been there, done that."

**Fatal Mistake**: Competing with your customer for the hero role.

**The Fix**: Position yourself as the wise helper who enables the hero's success.

**Miller**: "If you focus on your customers' success, your own success will follow."

**Two Qualities of a Guide**:

### Empathy
Show you understand their pain.
- "We know how frustrating it is when..."
- "Like you, we've struggled with..."
- "We understand that..."

### Authority
Demonstrate competence and expertise.
- Testimonials
- Statistics
- Awards/logos
- Years of experience
- Case studies

**Balance Required**: Too much authority = arrogant. Too much empathy = weak. You need both.

**Template**:
"[Brand] understands [their pain] (empathy). With [credentials/proof], we've helped [results] (authority)."

**Example**:
"We know what it's like to watch hours disappear into your inbox. With 10 years helping executives reclaim their time, we've freed up over 1 million hours for leaders like you."

---

## 4. THE PLAN

**Key Principle**: Customers won't trust a guide without a plan. Plans remove confusion and fear.

**Two Types of Plans**:

### Process Plan (Removes Confusion)
Simple steps to do business with you.

**Rules**:
- 3-4 steps maximum
- Start with an action verb
- Name each step clearly
- End with the result

**Template**:

Step 1: [Action] → [Outcome] Step 2: [Action] → [Outcome] Step 3: [Action] → [Success]

**Example (Financial Advisor)**:
  1. Schedule a free consultation
  2. Receive a custom retirement plan
  3. Start investing with confidence
**Example (SaaS)**:
  1. Sign up for free trial
  2. Connect your data in 5 minutes
  3. Get insights that grow your business
### Agreement Plan (Removes Fear)
Promises and guarantees that lower perceived risk.

**Examples**:
- "Money-back guarantee"
- "No long-term contracts"
- "Free cancellation anytime"
- "Your data stays private"
- "We'll never share your information"

**Template**:
"We promise: [commitment 1], [commitment 2], [commitment 3]"

---

## 5. CALLS TO ACTION

**Key Principle**: Customers won't take action unless challenged to do so.

**Miller**: "Heroes need to be challenged by the guide to take action."

**Two Types of CTAs**:

### Direct CTA
The obvious main ask. Should be everywhere and obvious.

- "Buy Now"
- "Schedule a Call"
- "Get Started"
- "Sign Up Free"
- "Request a Quote"

**Rules**:
- Use a different color than the rest of the page
- Put it above the fold AND repeated throughout
- Use action verbs
- Be specific about what happens next

### Transitional CTA
Lower commitment. Builds trust for those not ready to buy.

- "Download Free Guide"
- "Watch Demo"
- "Take the Quiz"
- "Get Free Sample"
- "Subscribe to Newsletter"

**Rules**:
- Moves them further into the story
- Provides value in exchange for attention
- Less prominent than direct CTA
- Still clearly visible

**Website Rule**: Both CTAs should be visible in the header of every page.

---

## 6. AVOID FAILURE (Stakes)

**Key Principle**: Every story needs stakes. What will the hero lose if they don't act?

**Miller**: "Everyone wants to avoid a tragic ending."

**Questions to Answer**:
- What negative outcomes await if they don't use your solution?
- What will they continue to suffer?
- What's at risk?

**Balance Warning**: Create enough stakes to motivate, but don't overdo fear (looks manipulative).

**Template**:
"Without [solution], you risk [negative outcome 1], [negative outcome 2], and [negative outcome 3]."

**Examples**:
- "Without a proper email system, you'll keep losing 20 hours a week to inbox chaos"
- "Companies that don't adapt will be left behind by competitors"
- "Don't let another year go by without taking control of your finances"

**Subtle vs Overt**:
- Subtle: "Most businesses struggle with X for years before finding a solution"
- Overt: "Without action, you risk bankruptcy, burnout, and losing everything you've built"

Start subtle. Only go overt if subtle isn't motivating action.

---

## 7. SUCCESS (The Happy Ending)

**Key Principle**: Tell people exactly how you can improve their lives—don't assume they know.

**Miller**: "Tell people where you're taking them, or they won't follow."

**Three Ways to End the Story**:

### 1. Winning Power/Position
Status, influence, achievement, resources.

**Example**: "Become the go-to expert in your field"

### 2. Union That Makes Hero Whole
Community, belonging, completeness, partnership.

**Example**: "Join a community of 10,000 founders"

### 3. Self-Realization
Becoming who they were meant to be, reaching potential.

**Example**: "Finally become the leader your team deserves"

**Template**:
"With [solution], you'll [achievement], [feeling], and [transformation]."

**Example (Fitness)**:
"You'll have the energy to play with your kids, the confidence to tackle new challenges, and finally feel at home in your own body."

**Paint the Picture**:
- Use specific, sensory language
- Describe the after state in detail
- Make it aspirational but achievable

Beyond the 7 Elements: Identity Transformation

## The Strongest Motivator

**Miller**: "Brands that participate in the identity transformation of their customers create passionate brand evangelists."

**Question**: Who does your customer want to BECOME?

**Before & After Identity**:

| Industry | Before Identity | After Identity |
|----------|-----------------|----------------|
| Fitness | "Out of shape and embarrassed" | "Confident and strong" |
| Finance | "Confused about money" | "In control and secure" |
| SaaS | "Overwhelmed and behind" | "Efficient and ahead" |
| Coaching | "Stuck and unfulfilled" | "Clear and purposeful" |

**Template**:
"From [before identity] to [after identity]"

**Use In**:
- Testimonials: "Before/after" stories
- Marketing: "Join the [aspirational identity]"
- Community: Name for customers (e.g., "Achievers")

Examples

Example 1: Complete BrandScript (B2B SaaS)

Business: Project management software for creative agencies

## CHARACTER
Creative agency owners who want to deliver projects on time without micromanaging their team.

## PROBLEM
Villain: Chaos and miscommunication
External: Projects are constantly behind schedule
Internal: "I feel like a babysitter, not a leader"
Philosophical: Running an agency shouldn't mean drowning in admin

## GUIDE
Empathy: "We've worked with 500+ agencies who felt exactly like you—talented people buried in busywork."
Authority: "Our platform has helped deliver 50,000+ projects on time."

## PLAN
Process:
1. Connect your tools in 5 minutes
2. See all projects in one clear view
3. Deliver on time, every time

Agreement:
- 30-day money-back guarantee
- Free migration from your current tool
- No long-term contract

## CALL TO ACTION
Direct: "Start Free Trial"
Transitional: "See How It Works" (video demo)

## FAILURE
Without control, you'll keep missing deadlines, burning out your team, and losing clients to competitors who deliver.

## SUCCESS
- Win back 10+ hours per week
- Become the agency clients recommend
- Build a team that runs itself

## TRANSFORMATION
From: Overwhelmed agency owner drowning in chaos
To: Confident leader running a well-oiled machine

Example 2: StoryBrand One-Liner

The Formula:

  1. The Problem - Start with the problem
  2. The Solution - Position your product as the solution
  3. The Result - End with the success

Template: "[Problem] is frustrating. [Product] helps [target] [solution] so they can [result]."

Examples:

Marketing Agency: "Most small businesses struggle to get noticed online. Our marketing framework helps you clarify your message so customers actually listen and buy."

Fitness App: "Getting in shape is hard when you don't have a plan. FitPath gives you a personalized workout and meal plan so you can transform your body in 90 days."

Financial Advisor: "Retirement planning is confusing and stressful. We create simple, custom plans so you can retire with confidence."

Accounting Software: "Spreadsheets waste hours and cause errors. CloudBooks automates your finances so you can focus on growing your business."


Example 3: Website Redesign with StoryBrand

Before (Typical Corporate Site):

  • Header: "Welcome to Acme Solutions"
  • Subhead: "Delivering innovative solutions since 1987"
  • Body: "We are a leading provider of enterprise-grade systems..."
  • CTA: "Learn More"

After (StoryBrand Applied):

  • Header: "Deliver Projects On Time, Every Time" (success)
  • Subhead: "Simple project management for teams tired of chaos" (problem → solution)
  • Body:

- Section 1: Problem (We know how frustrating missed deadlines are) - Section 2: Guide (Join 5,000+ teams who solved this) - Section 3: Plan (3 steps to get started) - Section 4: Success (What life looks like after)

  • CTAs: "Start Free Trial" (direct) | "Watch Demo" (transitional)

Checklists & Templates

BrandScript Template

## My StoryBrand BrandScript

### 1. CHARACTER
Who is your customer and what do they want?
_________________________________________________

### 2. PROBLEM
**Villain**: _____________________________________
**External Problem**: ____________________________
**Internal Problem**: ____________________________
**Philosophical Problem**: _______________________

### 3. GUIDE
**Empathy Statement**: ___________________________
**Authority Proof**: _____________________________

### 4. PLAN
**Step 1**: _____________________________________
**Step 2**: _____________________________________
**Step 3**: _____________________________________

**Agreements**: _________________________________

### 5. CALL TO ACTION
**Direct CTA**: _________________________________
**Transitional CTA**: ___________________________

### 6. FAILURE
What do they lose if they don't act?
_________________________________________________

### 7. SUCCESS
What do they gain when they do?
_________________________________________________

### TRANSFORMATION
**FROM**: ______________________________________
**TO**: ________________________________________

One-Liner Template

## My One-Liner

[Problem statement].
[Product/Company name] helps [target customer] [what you do]
so they can [result/transformation].

Fill in:
Problem: _______________________________________
Product: _______________________________________
Target: ________________________________________
What you do: ___________________________________
Result: ________________________________________

My One-Liner:
_________________________________________________
_________________________________________________

Website Checklist

## StoryBrand Website Audit

### Header (Above the Fold)
- [ ] Headline promises success or solves problem
- [ ] Subhead clarifies what you offer
- [ ] Direct CTA button (contrasting color)
- [ ] Transitional CTA option
- [ ] Image shows happy customer OR success state

### Stakes Section
- [ ] Addresses what they stand to lose
- [ ] Not too fear-based (balanced)

### Value Proposition Section
- [ ] Shows how you solve their problem
- [ ] Focuses on their success (not your features)

### Guide Section
- [ ] Empathy statement ("We understand...")
- [ ] Authority proof (logos, testimonials, stats)

### Plan Section
- [ ] 3-4 clear steps
- [ ] Each step starts with action verb
- [ ] Makes doing business feel easy

### Success Section
- [ ] Paints picture of life after
- [ ] Aspirational but achievable
- [ ] Testimonials with transformation

### CTAs
- [ ] Direct CTA repeated multiple times
- [ ] Transitional CTA available
- [ ] Both clear and visible

Skill Boundaries

What This Skill Does Well

  • Structuring video production workflows
  • Creating storyboard frameworks
  • Suggesting technical approaches
  • Providing creative direction templates

What This Skill Cannot Do

  • Replace professional videography
  • Edit video files directly
  • Make final creative judgments
  • Guarantee audience engagement

References

  • Miller, Donald. "Building a StoryBrand" (2017)
  • Miller, Donald. "Marketing Made Simple" (2020)
  • StoryBrand website: mystorybrand.com
  • ClarifyYourMessage.com

Related Skills

平台分布

Codex

37.23%
按下载量换算380

Claude

28.41%
按下载量换算290

Cursor

19.38%
按下载量换算198

Gemini CLI

10.21%
按下载量换算104

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills