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.6

Published

Claude Code 专业工作台交互式课件——从产品主理人课程扩展到垂直行业课程

Readme

cc4pm

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

License GitHub

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


🌐 Language / 语言

English | 简体中文


这是什么

cc4pm 最初是 Claude Code for Product Makers:一套面向产品主理人的 AI 全生命周期产品系统交互式课件。现在它正在升级为一套可迁移到垂直行业的 Claude Code 专业工作台方法论与交互式教学系统。运行 npx cc4pm install 走交互式安装,然后在 Claude Code 里输入 /cc4pm-guide 即可开始产品主线学习。

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

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

仓库里同时收录了课件讲解的参考实现.claude/ 下的 170+ 个 skill、10+ 个代理、37 个命令、40+ 条规则),可与课件配合检阅,也可独立 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 启动产品主线课程。交互式安装中也可选择 cc4lawyer-guide;它安装的是垂直行业课程入口与法律场景课件,可通过 npx cc4pm install --modules cc4lawyer-guide 显式安装后运行 /cc4lawyer-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 | 端到端测试 | 同上 |


垂直行业版本

cc4pm 保留原有 Product Makers 主线,同时扩展为垂直行业课程体系:不是替行业交付现成解决方案,而是用接近真实的行业案例讲清楚 Claude Code 能力如何组合成工作台方法。

  • cc4pm Core:Claude Code 基础能力、上下文管理、CLAUDE.md、Skills、Agents、Rules、Hooks、Supervisor 与交互式教学。
  • cc4pm Product:原有产品主理人课程,覆盖 BMM / CIS / WDS / 工程工具链。
  • cc4Lawyer by cc4pm:第一个垂直行业课程 MVP,面向中国大陆律师、法务与律所团队,示范如何把自己的专业 SOP 沉淀为 Claude Code 工作台。

cc4Lawyer by cc4pm

cc4Lawyer 是一门垂直行业课程,不是 cc4pm 提供的法律行业解决方案。它通过一个 SaaS 合同纠纷教学案例,讲解项目目录、CLAUDE.md、上下文管理、Skills、Agent Teams、Supervisor、Reviewer/Evaluator、交付包与模板沉淀如何串成一套可复用课程流程。

# 交互式安装时选择 cc4lawyer-guide,或显式安装:
npx cc4pm install --modules cc4lawyer-guide
# 然后在 Claude Code 中运行
/cc4lawyer-guide

目录入口:verticals/lawyer/。课程地图:verticals/lawyer/guide/course-map.yaml。讲课参考答案与示范交付件位于 verticals/lawyer/examples/saas-contract-dispute/expected-outputs/

法律行业内容仅用于课程教学,不是权威法律 SOP、法律 Agent 或可直接生产使用的行业解决方案。课程中的示例模板用于演示 Claude Code 的组织方法,真实机构需要由律师团队替换为自己的流程、标准和复核机制;所有 AI 输出必须由律师复核,不构成法律意见。


四大核心模块

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