npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

cc4pm

v2.0.4

Published

Claude Code 交互式课件——为产品主理人打造的 AI 全生命周期产品系统教学

Readme

cc4pm

Claude Code for Product Makers — AI 驱动的产品全生命周期系统

License GitHub

从想法到上线,一个人就是一支产品团队。


🌐 Language / 语言

English | 简体中文


这是什么

cc4pm 是一套面向产品主理人的 AI 全生命周期产品系统交互式课件。运行 npx cc4pm install 走交互式安装,然后在 Claude Code 里输入 /cc4pm-guide 即可开始学习。

课件覆盖四大主题,从灵感验证到产品上线发布的完整链路:

  • BMM(业务建模)— 市场研究、PRD 创建、需求拆解、冲刺规划
  • CIS(创意智能)— 36 种创意技巧、30 种创新框架、故事讲述
  • WDS(设计系统)— 用户心理映射、UX 场景、设计规范、原型
  • 工程工具链 — TDD、代码审查、E2E 测试、安全扫描、CI/CD

仓库里同时收录了课件讲解的参考实现.claude/ 下的 175 个 skill、9 个代理、37 个命令、45 条规则),可与课件配合检阅,也可独立 fork 使用。基于 Everything Claude Code(Anthropic 黑客马拉松获奖项目)构建。

🎨 可视化 Showcase — 了解四大核心模块、200+ Skills、完整产品工作流


快速开始

# 交互式安装(推荐)
npx cc4pm install

# 非交互(CI / 脚本)
npx cc4pm install --modules cc4pm-guide

# 看其他命令
npx cc4pm --help

安装完成后在 Claude Code 里输入 /cc4pm-guide 启动课程。

或者克隆整个仓库(同时获得参考实现):

git clone https://github.com/istarwyh/cc4pm.git
cd cc4pm && claude

核心命令速览

| 命令 | 用途 | 课件安装是否包含 | |------|------|---| | /cc4pm-guide | 交互式教学(5 阶段 26 节课) | ✅ | | /bmad-brainstorming | 头脑风暴,36 种创意技巧 | 课件讲解,需 git clone | | /bmad-create-prd | AI 辅助创建 PRD | 同上 | | /bmad-market-research | 市场研究与竞争分析 | 同上 | | /bmad-sprint-planning | 冲刺规划与进度追踪 | 同上 | | /plan | 技术实现规划 | 同上 | | /tdd | 测试驱动开发 | 同上 | | /code-review | 代码质量审查 | 同上 | | /e2e | 端到端测试 | 同上 |


四大核心模块

BMM — 业务建模方法

端到端产品开发工作流。8 个角色代理(分析师、PM、架构师、开发者、QA、敏捷大师、UX 设计师、快速开发者),33 个工作流覆盖分析→规划→方案→实现全阶段。

CIS — 创意智能战略

5 个创意代理(头脑风暴教练、创新战略家、设计思维教练、问题解决专家、故事讲述大师),36 种创意技巧分 7 大类,30 种创新框架。

WDS — Web 设计系统

从用户心理驱动产品设计。2 个设计代理(Saga 故事女神、Freya UX 设计师),8 阶段设计方法,Trigger Map 用户心理→功能映射。

工程工具链

18 个工程代理,48 个命令,46 条规则。


产品全生命周期

灵感 ─── CIS 头脑风暴 + 创意技巧
  │
验证 ─── BMM 市场研究 + 竞争分析
  │
设计 ─── WDS Trigger Map + UX 场景
  │
规划 ─── BMM PRD + 架构 + 冲刺规划
  │
开发 ─── /plan → /tdd → /code-review
  │
测试 ─── /e2e + 安全扫描
  │
上线 ─── 部署 + 产品叙事

交互式教学

内置 26 节交互式课程,运行 /cc4pm-guide 启动。

| 阶段 | 内容 | 时长 | |------|------|------| | 1. 基础入门 | Claude Code 核心能力、四大模块全景 | ~30 min | | 2. 产品核心 | BMM + CIS,头脑风暴到冲刺规划 | ~30 min | | 3. 设计与心理 | WDS,Trigger Map 到 UX 设计 | ~20 min | | 4. 工程协作 | TDD、E2E、代码审查、质量门禁 | ~15 min | | 5. 高级实战 | MCP 集成、完整项目从零到发布 | ~25 min |


致谢

cc4pm 基于 cc4pm 构建,感谢原作者 Affaan Mustafa 和所有贡献者。


许可证

MIT