WorkBuddy技能评测 #230 | 前端与设计 20 件：Angular 全家桶、fp-ts、Three.js，以及一堆发布小工具

2026-11-05silcano

基本信息

• 技能名：angular / angular-best-practices / angular-state-management / angular-ui-patterns / react-flow-node-ts / frontend-ui-dark-ts / scroll-experience / graphql / fp-ts-pragmatic / fp-ts-errors / fp-ts-react / threejs-skills / ui-skills / stitch-ui-design / design-md / screenshots / readme / x-article-publisher-skill / upgrading-expo / expo-deployment（20 条）
• 来源仓库 Star 数：7,204（8 条）、5,904（4 条）等簇合并
• 分类：Frontend（12）、Content & Design
• 数据来源：SkillKit 中央技能库（WorkBuddy 生态的第三方技能市场，非官方自研）

它解决了什么痛点

前端这一组的痛点是「同一个问题在不同框架里有不同正确答案」：Angular 要讲 signals 与依赖注入，React 要讲 hooks 与状态提升，fp-ts 要讲 Either 与 pipe 的组合——AI 默认只会给你「能跑的 React 三段式」，写 Angular 时会一本正经地犯低级错误。这 8 个 Angular 技能就是给模型补这层「框架常识」。

另一半是「视觉与交付」：threejs-skills（3D 场景）、scroll-experience（滚动动效）、ui-skills / stitch-ui-design / design-md（设计语言与版式）、screenshots（截图）、readme（写项目 README）、x-article-publisher-skill（发长文）、expo 相关两件（移动端构建与升级）。

对我有没有用（技术 / 自媒体 / AI / 读书）

技术：只有你写 Angular 才有用。不写 Angular 的话，这 8 条直接归零——这是本档「命中率最悬殊」的一组。自媒体：中等，scroll-experience 与 threejs-skills 能做出「看起来贵」的页面效果，适合做作品展示页；design-md 与 stitch-ui-design 给的是版式规则（字号层级、间距节奏），比让 AI「帮我美化」有效得多。AI：低。读书：无。

提醒：x-article-publisher-skill、readme、screenshots 这类「发布小工具」，实际能力取决于平台策略，平台一改接口就失效。别把它们放进关键流程。

典型场景

你想让 lab 的实验页「不那么像模板」。做法：用 design-md 先定一套版式（标题层级、留白、强调色只用一处），让 AI 按这套规则重排；需要动效的地方用 scroll-experience 给的滚动触发方式，而不是满屏 CSS 动画；最后用 screenshots 批量截移动端/桌面端对比。成果：页面从「AI 生成的通用感」变成「有自己的一套规矩」，而且这套规矩能复用到下一张页面。

一句话结论

写 Angular 就装那 8 个，不写就跳过。真正通用的是 design-md 与 scroll-experience——它们管审美，不管框架。

📊 完整对比数据见在线总表：WorkBuddy 技能市场全量调研总表（腾讯文档）