AI UP LAB面向任务的 AI 实践资源AI resources for real tasks
收藏Saved
更多More
StarStar

Featured HTML

精选 HTMLFeatured HTML

编辑挑出来、适合直接打开的网页。当前 17 条，原文都在站外。Pages picked to open first. 17 now. The originals stay on their own sites.

最新 HTMLLatest HTML 按类型By type
+ 精选 + Featured 文档站 Docs 游戏/互动 Game / interactive

System Design Atlas：带交互架构图的系统设计阅读站 System Design Atlas: system-design reading with interactive architecture diagrams

系统设计阅读站，点开文档就能看架构图。 Read system-design notes and click through the architecture diagrams.

system-design · architecture
+ 精选 + Featured 游戏/互动 Game / interactive 文档站 Docs

Transformer Explainer：浏览器里可视化 GPT-2 Transformer Transformer Explainer: GPT-2 Transformer visualized in the browser

在浏览器里跑 GPT-2，并能展开注意力和概率。 Run GPT-2 in the browser and open attention and the probabilities.

transformer · gpt-2
+ 精选 + Featured 文档站 Docs 其他 Other

AI 活动海报：别让生成图难看 AI-generated posters don’t have to be horrible

同一张活动海报反复改风格，躲开千篇一律的默认样子。 Restyle one event poster so it stops looking like the default.

ai-poster · design
+ 精选 + Featured 游戏/互动 Game / interactive 文档站 Docs

Programming Museum：能走进去的源代码博物馆 Programming Museum: a walkable museum of source code

走进可漫游的房间，把能跑的源码当展品看。 Walk through rooms where runnable source code hangs as the exhibits.

museum · source-code
+ 精选 + Featured 工具页 Tool 落地页 Landing

MotionSites MotionSites

现成的落地页文案，复制就能交给编程助手。 Ready-made landing-page lines you can paste into a coding agent.

html · design
+ 精选 + Featured 工具页 Tool

MeiGen MeiGen

免费的图像文案画廊，按广告、海报和人像分类。 A free gallery of image lines, sorted into ads, posters, and portraits.

html · design
+ 精选 + Featured 工具页 Tool 文档站 Docs

Refero Styles Refero Styles

从真实产品站抽出的设计说明，编程助手可以直接读。 Design notes pulled from real product sites, ready for a coding agent to read.

html · design
+ 精选 + Featured 工具页 Tool 文档站 Docs

Taste Skill Taste Skill

给编程助手装上设计品味，先读简报再动手。 Skills that give a coding agent design taste, starting from the brief.

html · design
+ 精选 + Featured 工具页 Tool 文档站 Docs

DesignLang DesignLang

对任意网址抽出设计系统，交给编程助手用。 Point it at any URL and pull a design system your coding agent can use.

css · design
+ 精选 + Featured 文档站 Docs 工具页 Tool

海报构图手册 · 上册 Poster Composition Handbook Vol. 1

海报构图上册：用构图管焦点、平衡和视线怎么走。 Poster layouts that steer focus, balance, and where the eye travels.

css · grid
+ 精选 + Featured 文档站 Docs 工具页 Tool

海报构图手册 · 下册 Poster Composition Handbook Vol. 2

下册讲网格、图文关系和画面里信息有多密。 Grids, type-and-image relations, and how dense a poster should be.

css · grid
+ 精选 + Featured 游戏/互动 Game / interactive

Flexbox Froggy Flexbox Froggy

写 Flexbox 把青蛙放到荷叶上，用闯关来学。 Learn Flexbox as a game: write the properties that land frogs on lily pads.

flexbox · css
+ 精选 + Featured 游戏/互动 Game / interactive

CSS Grid Garden CSS Grid Garden

用浇水闯关来学网格布局。 Learn grid layout as a game of watering a garden.

grid · css
+ 精选 + Featured 文档站 Docs 工具页 Tool

MDN CSS Examples MDN CSS Examples

配着文档的可运行 CSS 示例，打开就能看。 Runnable CSS examples that accompany the docs, each on its own page.

mdn · css
+ 精选 + Featured 作品集 Portfolio 文档站 Docs

CSS Zen Garden CSS Zen Garden

同一份 HTML，换一张样式表就变成另一座花园。 The same HTML, restyled by other stylesheets into a different page.

css · design
+ 精选 + Featured 动效 Motion 游戏/互动 Game / interactive

Scroll-driven Animations Scroll-driven Animations

用滚动驱动的演示：进度、封面和堆叠卡片。 Scroll-driven demos for reading progress, cover flow, and stacked cards.

scroll · css
+ 精选 + Featured 工具页 Tool 落地页 Landing

SceneAI：UI 提示库（AETHER Claude 首屏演示同源） SceneAI: UI prompt library (source of AETHER’s Claude hero demo)

落地页和动态背景的文案库，首页可以免费看样本。 A library of landing and background lines, with free samples on the homepage.

html · design