KNOWLEDGE NOTES

Knowledge Notes

Explore curated knowledge, course notes and methods, with their existing content and sources preserved.

These notes are in Chinese; English translations are not yet available.

287knowledge notes
Product Design & UX / Apple 设计指南

Apple HIG 组件决策手册(63 个组件 · 何时用哪个)

Apple HIG 全部 63 个 UI 组件的'何时用哪个'决策手册,按 8 大功能组织。菜单与操作(按钮/菜单/上下文菜单/工具栏/弹出·下拉按钮/活动视图/装饰)·选择与输入(文本框/选择器/分段控制/滑块/步进器/开关/颜色图像选取/组合框/虚拟键盘)·界面展示(警告/操作表/视图片 Sheet/弹出视图 Popover/面板/窗口/滚动视图/页面控制)·布局与组织(列表表格/集合/大纲/分栏/标签视图/侧边栏隔壁/框/标签/列视图/锁定视图/展开控制)·导航与搜索(标签栏/侧边栏/搜索栏/路径控制/标记字段)·内容承载(图表/图像/文本/网页视图)·状态指示(进度/活动环/仪表盘/评分)·系统体验(小组件/Live Activities/通知/控件/复杂功能/快捷方式/菜单栏/状态栏/Top Shelf/表盘)。每个组件给定义+何时用+关键 do/don't+跨平台支持。含按钮 Primary/Secondary 解剖图。

Apple HIGUI组件交互设计Chinese notes
Product Design & UX / Apple 设计指南

Apple HIG iPad & Mac 专项(平台差异/光标/导航/文案/图表/窗口/订阅/动态组件)

iPad 与 Mac 平台的深度设计专项(Will 重组的 iOS/macOS 深读)。Mac vs iPad 本质差异(触控 vs 键鼠·77% 字体缩放·颜色中性·手势映射)+ 三大框架·信息布局 / iPadOS 26 新窗口系统(拖动手柄·工具栏内窗口控件·每文档一窗口·描述性命名)+ 指针(1:1 追踪·液态玻璃高亮盘) / 自适应光标 3 效果(高亮 Highlight/提升 Lift/悬停 Hover)+ 自适应 vs 传统指针(自适应精度·磁性·重新对准)+ 材质形态设计 / 导航(侧边栏↔标签栏自适应·扁平 vs 层级·Push vs Modal·导航设计从核心价值反推) / UX 文案(PACE 框架·VOICE&TONE·语气调制 4 步·4 个提升技巧:删填充词/避重复/以why开头/建词表·Great Alerts·Tips·教用户学会用) / 图表系统(Marks/Axes/Descriptions/Interaction/Color·静态 vs 交互·宏中微三层·多图差异化·固定 vs 动态范围) / 订阅设计(Effortless/Transparent/Engaging·3步61% vs 9步7%) / 模态浮层 / 安全区 / Live Activities·快捷指令·App Clips·Intents·Interactive Snippets·自定义视觉效果(iOS18 SwiftUI)。

Apple HIGiPadOSmacOSChinese notes
Product Design & UX / Apple 设计指南

Apple HIG visionOS 空间计算(眼动手势/沉浸光谱/舒适度科学/空间UI/SharePlay)

Apple Vision Pro / visionOS 空间计算设计全套。眼动输入(注视=识别·隐私不暴露注视点·look to scroll)+ 悬停交互 3 类(立即/延迟/渐变 ramp·两状态切换·锚定元素·避免意外动态)+ 手势(系统手势单/双击/捏合拖动·眼+手组合精度·直接 vs 间接·触觉缺失靠视听补)+ 舒适度科学(前庭系统 vs 视觉冲突致晕·避免头锁内容·0.2Hz 振荡禁区·深度线索冲突重影·内容超一臂远阅读)+ 空间UI布局(60pt 点击区+16pt 间距·同心公式·人体工程学左右优于上下·窗口按内容定宽高)+ 材质(玻璃无明暗模式·深材质分隔浅材质强调·vibrancy)+ 沉浸光谱(共享空间↔调暗↔全空间↔完全沉浸·渐进过渡)+ 空间小组件(Paper vs Glass·距离感知 Default/Simplified·固定物理尺寸·Elevated/Recessed)+ SharePlay(窗口/全空间·并排/环绕/对话三模式)+ 叙事互动(Encounter Dinosaurs)+ 空间音频(随机化·距离感)+ 空间核心策略(关键时刻·原型迭代·互补体验)。

visionOS空间计算无障碍Chinese notes
Product Design & UX / Apple 设计指南

Apple HIG:Liquid Glass 新设计语言 + SF Symbols + 字体(iOS 26 视觉体系)

iOS 26 起 Apple 的新视觉语言 Liquid Glass(液态玻璃)全套 + SF Symbols 深化 + 字体光学尺寸 + 色板体系。Liquid Glass:是什么(数字'元材料'·透镜效应 Lensing·凝胶柔性)/ 材质层(高光/阴影/内部发光反馈/聚焦变化)/ 两变体(Regular vs Clear+Clear 三前提)/ 自适应(小控件切浅深·大面板只边缘变灰·滚动边缘 soft/hard)/ 结构(描绘关系·反映导航焦点·提升控件·延伸到边缘)/ 几何同心(固定/胶囊/同心三形状)/ 可读性·染色 Tinting·无障碍 / Icon Composer 图标工作流(单图稿→全平台·六外观模式·分层导出)。SF Symbols:4 渲染模式(单色/分层/调色板/多色)·可变颜色·9 权重 3 比例·变体·绘制动画(Draw On/Off·Magic Replace·摇摆/旋转/呼吸/脉冲/弹跳/缩放)·插值原理·自定义符号。字体:SF/NY/Compact/Mono·光学尺寸 SF Text/Display·可变字体·Dynamic Type 11 文本样式·字距行距·选字(结构/对比/显示vs文本字体)。色板:tint 双模式·灰度 fill/separator/system gray·语义色。

Liquid GlassApple HIG视觉设计Chinese notes
AI Engineering / Newtype

AWS Agent 系列讲座 2025(4 篇汇编)

2025 Amazon Web Services Agent 系列讲座 4 篇汇编。汪其香(Reasoning Model + Agent 大脑 + Multi-Agent Orchestrator + 框架对比)/ 王晓妍(Agentic AI 4 要素 Planning/Memory/Tool/Action + 段位 3 级 + RL + 产品定价)/ 常高伟(ANP 协议:智能体的 email,对标 MCP 的 USB-C,W3C DID + P2P 架构)/ idoubi(独立开发实战 + AI Wrapper SOP + ProductHunt 打榜 + 程序化 SEO + all-in 方向)。是 [[newtype-agent-architecture-research-2025]] 研究报告的"产业实操视角"补充

Agent 架构多 Agent 系统AI 产品定价Chinese notes
Global Growth / Google 搜索与 SEO

Canonical / 重定向 / 网站迁移完全指南 (含 HTTP 状态码全表 + 503 临时停业 playbook)

Canonicalization 概念 + Google 自动选 canonical 的信号(HTTPS/redirect/sitemap/rel=canonical/hreflang cluster);4 种指定方法优先级表(redirect 强 → rel=canonical 强 → sitemap 弱);HTTP status code 完整表(2xx/3xx/4xx/5xx/429 特殊)+ 对索引和爬取的影响;5 种 redirect 类型 + Apache/NGINX/PHP 配置;Permanent vs Temporary 语义差异;Site move 2 套 playbook(换 host 不改 URL / 换域名改 URL);临时停业首选限制功能不要全关;ask-google-to-recrawl 双路径;canonical 6 大 issue 排查 + 14 条反 pattern。

SEO搜索引擎自然增长Chinese notes
AI Product Practice / Anthropic 与 Claude

Claude 产品发布演化(2024-2026 Opus / Sonnet / Haiku 4.x 全集 + Max Plan + Design)

Anthropic 产品发布时间线 hub。Opus 4.7 / Opus 4.6 / Sonnet 4.5 / Sonnet 4.6 / Haiku 4.5 模型代际 + Max Plan(20x 用量)+ SpaceX 算力合作 + Claude Design 新产品 + "Claude is a space to think" 定位声明(不放广告)。把 9 篇 product news + 3 产品 landing page 压成"代际时间线 + 定位演化 + 能力对照表"

Claude产品模型迭代产品定位Chinese notes
AI Engineering / 跨来源主题整理

Claude Code 安全面 + 竞品对比(反编译源码级)

liuup 对 CC v2.1.88 泄露源码的安全与竞品分析。① 数据暴露 6 层(上下文最危险非遥测)② 4 类攻击面(prompt 注入/Unicode 隐写/shell 注入/git 逃逸)及源码防御 ③ 防御体系(双重权限闸/sandbox namespace/密钥扫描/隐私分级/fail-closed)④ 隐私最小化实操 playbook(env+行为)⑤ vs Codex/Gemini CLI/Aider/Cursor。做选型/合规/隐私加固看这篇

AI 安全隐私保护工具安全Chinese notes
Indie Building / 跨来源主题整理

Claude Code 工作流(跨作者主题综合)

7 位作者视角下的 Claude Code 工作流融合改写。Cal Rueb(Anthropic 内部工程师)/ 王凯(独立开发者多终端矩阵)/ 黄益贺(工具栈演化主战场)/ Cat Wu(Anthropic PM Head Claude Code)/ 老 D(非程序员零代码用)/ 小红书 vibecoding(Skill 化创意应用)/ **zara 张咋啦(文科生 + Co-founder 心智模型 + 飞书 CLI + OpenAI Realtime + Cut features before shipping)**。覆盖核心定位、Agentic Search vs RAG、CLAUDE.md 多层配置、Permission/Hooks、Think Hard 三档、Sub-Agent 哲学、Skill 体系、显式分歧与落地选择

AI 编程工作流开发工具Agent 协作Chinese notes
AI Engineering / 跨来源主题整理

Claude Code 内幕发现(遥测/代号/卧底/远程开关/路线图)

CC v2.1.88 泄露源码扒出的"非公开"细节:双层遥测收什么且无法退出 / 模型动物代号(Tengu·Capybara·Fennec·Numbat)+ Capybara v8 行为 bug / 内外部用户差别待遇 / 卧底模式隐藏 AI 身份 / 每小时轮询的远程 killswitch / KAIROS 自主代理等未上线功能。想知道"CC 内部藏了什么"看这篇

遥测与隐私产品安全功能开关Chinese notes
Indie Building / Newtype

Claude Code 最佳实践(Cal Rueb · Anthropic 内部讲座)

Anthropic 工程师 Cal Rueb 2025-Q2 在 newtype 星球分享的 Claude Code 内部用法。涵盖 Agentic Search vs RAG / CLAUDE.md 多层级机制 / Permission 三种粒度 / /clear 和 /compact 上下文管理 / Think Hard 三档推理 / Sub-Agents 调用与边界 / Hooks 触发器 / MCP 选型与边界 / Multi-Agent 并行最大化收益 / Cal 个人配置模版。是对 [[wangkai-claude-code-workflow]]( 王凯方法论 ) 的 Anthropic 官方视角补充。

Claude Code开发工作流上下文管理Chinese notes
AI Product Practice / Anthropic 与 Claude

Claude Cowork / Dispatch / Design / Tutorials + Use Cases(用户操作层全集)

claude.com/resources/tutorials 14 篇 + use-cases 16 篇 = 30 个用户操作场景 hub。**Claude Cowork**(带手的 Claude / Claude with Hands):什么是 Cowork / 跟 Chat 怎么选 / onboarding / 委派第一个任务 / Dispatch(手机操作电脑)/ 插件机制 / Customize / Navigation。**Claude Design**(Anthropic Labs):做 presentations / prototypes / UX。**用例 16 个**:从 Claude for Excel 财务 use-case 到"白板上课实景" / "把课本调到不同阅读水平" / "phone 操作任意 app" 等具体场景剧本。**新概念**:4 Ds of AI Fluency(行为指标)/ Sycophancy 缓解 / Hallucinate 教育(后两已归 interpretability wiki)

Claude Cowork产品使用智能体Chinese notes
AI Engineering / 跨来源主题整理

Claude Skill 工程化(跨作者主题综合)

7 视角的 Skill 工程化融合。newtype 老黄(Super Analyst 三件套 + Sequential Thinking + 7-Stage Workflow)/ 王凯(Skill 三大陷阱 + 用代码写 Skill + IFS + SillyTavern 7 阶段)/ 小红书 vibecoding(比 N8N 优势 + 调本地服务 + Vibe Marketing + 雅思三件套)/ 老 D(SKILL.md + references/ + Git 版本管理)/ Anthropic 官方(Skill 格式 = zip bundle = SKILL.md + references + scripts)/ **zara 张咋啦(opinionated 分发派 + Centrally fetch locally Remix + Frontend Slides 16k+ star + Fork > PR + Skill > SaaS)**。覆盖 Skill vs MCP vs Sub-Agent 边界、规则适用范围、记忆串、Skill 越多越冲突

AI 工作流Skill 工程自动化编排Chinese notes
Indie Building / AI 产品与辅助设计

Codex + Figma 工具链(装 Figma skill/MCP·生成图表组件库幻灯片·原型转Figma·SVG图标自动替换 的步骤与 skill)

Will(will-ai-note)整理的「用 Codex 这个 Agent 经 Figma MCP 直接往 Figma 画布写真实设计」的完整操作手册。覆盖三件事:① 环境搭建——给 Codex 装 Figma 远程/桌面 MCP server(让 Codex 拿到操作 Figma 的权限)+ 装/管理官方 Figma Skill;② 七个核心 skill 的用途+提示词——figma-use(直接改画布:建 Frame/组件/变量/Auto Layout)、figma-use-slides(生成 PPT 内页)、figma-generate-diagram(文字→可编辑流程图/时序图/ER 图)、figma-generate-design(代码/HTML→Figma UI)、figma-generate-library(代码库→设计系统 Library)、prototype-to-figma(运行中的原型→逐帧 Figma 状态稿)、Community skills;③ 组合工作流——代码原型↔Figma 双向同步、底图截图直出界面、交互框架→新界面、扫本地 SVG 图标自动语义匹配替换。每节给 Why/何时用/可复用提示词/坑(如 figma-use 需付费 Full/Dev seat、Dev seat 只能在 drafts、prototype-to-figma 间距有 bug 但能逐帧拆页)。与 [[newtype-ai-coding]] 的分工:那篇讲 AI Coding 工具栈选型与心法,本篇讲「设计/原型工程化」这一段具体到 skill 和提示词的落地。

Figma原型设计AI工具Chinese notes
Content Creation / 其他产品、设计与学习资料

dontbesilent AI 自媒体课程 / 13 节系统化方法论

dontbesilent(老 D)2026-05 AI 自媒体课程 13 节完整学习路径。从模型选用、提示词三层(元/系统/用户)、RAG 知识库本质、AI 仿写 SOP、Claude Code 零代码用 agent、LobeChat 模仿博主 + 对话分支 + Artifacts、heygen 数字人翻译 + 通义万相 wan2.2 animate 角色替换、Claude 4.5 + Playwright 一键发布小红书、Claude Skill 工程化系统提示词管理,完整覆盖"国内不科学上网 + 不懂代码"用户用 AI 做自媒体的完整生产链

AI自媒体内容生产视频制作Chinese notes
Product Design & UX / 其他产品、设计与学习资料

Duolingo 手册 5 大原则 + 绿色引擎工作法(长期主义/提高标准/快速上线/用结果说话/让产品有趣 + Green Machine)

Duolingo 官方文化与产品方法论手册(14 年踩坑沉淀,Luis von Ahn 署名)精华。核心不是价值观口号,而是一套可迁移的「怎么做产品」操作系统:① Take the Long View 长期主义——留存>增长>收入的优先级,押注技术(机器语音先丑后好)、长期招聘(宁缺毋滥/通才/平均任期长)、把吉祥物 Duo 当竞争护城河、通知与广告都卡留存阈值、2022 换线性 Path 牺牲短期 DAU 换真学会;② Raise the Bar 提高标准——卓越是基线不是目标,产品四标准(有用 Useful/直观 Intuitive/愉悦 Delightful/精致 Polished)、做 V1 不做 MVP、Dogfooding 摇一摇上报、对事严格对人友善(对 what 不对 who)、责任到人 Ownership;③ Ship It 快速上线——每周更新+几百个并行实验、Clock Speed 缩短每步间隔、Ruthless Prioritization 砍掉低影响项、99 个烂点子文化、用使命破解「又好又快」矛盾(先过线再排序)、用产品评审 PR(借鉴 code review)给流程定量;④ Show Don't Tell 用结果说话——Numbers Are the Story、TL;DR=结论+证据+行动、原型不要 PPT、好产品无需解释、Disagree and Commit、Trust Battery 信任电量靠成果充;⑤ Make It Fun 让产品有趣——与 TikTok/IG 抢注意力故必须好玩、Committing to the Bit 把一个梗玩到极致、Duo 双面性、愚人节出圈、超级碗 5 秒广告。外加 Green Machine 绿色引擎 6 步工作法(配人→定成功→设边界→做出来+反馈环→紧迫高质执行→放大有效停掉无效)。读者=做游戏化/AI 互动叙事产品的 PM,每节带 Why + Duolingo 真实案例 + 对游戏化 AI 产品的可迁移启发。

产品方法留存团队文化Chinese notes
Global Growth / Google 搜索与 SEO

Ecommerce SEO 完全指南 (6 Surface / 4 Launch 策略 / Merchant Center / 6 SD 类型 / Pagination 3 模式 / Review 13 准则)

Ecommerce 内容在 Google 出现的 6 surface(Search/Images/Lens/Shopping tab/Business Profile/Maps)。新站 4 种 launch 策略(Grand reveal / Home page launch / Launch with stock unavailable / Soft launch)优缺。Product data 2 路径:on-page structured data + Google Merchant Center feed(automated/manual/Content API);**Shopping tab 强制 Merchant Center**。6 大相关 SD 类型(BreadcrumbList / LocalBusiness / Organization / Product+ProductGroup / Review / VideoObject)。URL 结构 ecommerce 专属规则(`?key=value`,不要 `?value`,不要 fragment 变体,变体可用 path 段或 query 参数,canonical 用无 query 的);3 大常见错(fragment 当变体 / 同 URL 多内容 / 时间戳 URL 无限空间)。Pagination 3 模式(Pagination / Load more / Infinite scroll)对比 + 必须 unique URL + 序列 link + 别拿首页当 canonical + **next/prev 已废**。Review 13 准则(专家视角 / 量化 / 对比竞品 / 演化 / affiliate 标注)。

SEO搜索引擎自然增长Chinese notes
Product Design & UX / AI 产品与辅助设计

Figma Make 用法手册(基础/模板/带入设计库风格/加 Guidelines/开源组件/加后端/发布 的操作与何时用)

Will 的 Figma Make(Figma 内置的「描述需求→AI 生成可运行原型/网页」工具)用法笔记重组,面向做 AI 产品、想快速出原型的 PM。覆盖七大功能模块,每个给「怎么用 + Why + 何时用 + 坑」:①基础(三栏界面=对话/预览/代码;四种喂料=打字/贴 Figma 设计/传图/点击预览定点改)。②写 Prompt 与喂附件的最佳实践(用「用户能力清单」定义产品而非给大类名词;先布局后功能;分步迭代;Auto Layout 让 AI 读懂结构;常见版式更容易一次成功;桌面端更稳;别在 prompt 里写密钥)。③模板 template(把定好规范的文件发布成模板,团队复制 remix;guidelines 锁可改范围;创建/更新/取消发布/使用;约束提示词四例)。④把 Figma 设计库风格带入(导出 Library 为 CSS→在 Make 引用→UI 自动套公司配色字体)。⑤加 Guidelines.md(给 AI 立规矩,通用规则 + 设计系统规则 + 组件级规则;少而精胜过堆上下文)。⑥用代码文件喂料(.tsx/.csv/.json/.html 等四类;真数据生成数据看板;复用 shadcn 等开源组件;真文案排版)+ 一键全站重构成 shadcn/ui 的强约束 prompt。⑦加后端(用一句话接 Supabase,做登录/存数据/密钥安全保存;判定口诀「这东西需要被记住吗」)。⑧发布(一键得 figma.site 网址、绑自定义域名走 TXT+CNAME、传 web 字体、SEO/密码保护等高级项)+ 推 GitHub/下载代码。与 [[ai-ux-experience-design]] 分工:那篇是「用 AI 做体验设计的流程方法论」,本篇是「Figma Make 这一个工具的功能操作手册」;与 [[ai-vibecoding-design-process]] 的 vibecoding 心法互为表里。读者是非技术 PM,术语行内括号解释,每节带 Why 与何时用。

Figma Make原型设计AI设计Chinese notes
AI Engineering / Newtype

Foundation Models for NLP(Springer 教科书精读)

Gerhard Paaß + Sven Giesselbach 2023 Springer 开放教材完整精读。436 页 / arXiv:2302.08575。8 章覆盖:Ch1 经典 NLP 基础(token / embedding / RNN / CNN) / Ch2 PLM 三大架构(BERT autoencoder + GPT autoregressive + Transformer seq2seq) + 训练/正则/不确定性/可解释性 / Ch3 改进 PLM 6 大方向(预训练任务变体 + 长距离稀疏注意力 + 多语言 + 知识注入 + 模型规模 + 微调 / few-shot / CoT) / Ch4 PLM 知识评测(GLUE / SuperGLUE / BIG-bench + Probing) / Ch5 信息抽取(分类 / NER / 关系抽取) / Ch6 文本生成(检索 / QA / 翻译 / 摘要 / 故事 / 代码 / 对话) / Ch7 多模态(语音 / 图像 ViT / 视频 / 控制 Decision Transformer + GATO / DNA / Protein) / Ch8 总结展望(Foundation Models 新范式 / 经济应用 / 5 类危害 / Grounding / Fast & Slow Thinking / Planning)。是 [[newtype-agent-architecture-research-2025]] 和 [[newtype-agent-research-papers]] 的"学术基础"补充

自然语言处理基础模型TransformerChinese notes