sai-assets可复用网页资产库

ouuut.com — Independent AI Studio(Tokyo / Global)

ouuut-com v1.0.0 站点自有内容(仅作展示与索引,不随本仓分发) 线上作品(用库内资产建成) 2 文件 · 2 KB
载入外部站点…

想看库内资产拼成一个真实上线站是什么样:ouuut 主站就是「和色六景 · 纸白/炭黑」+ 自研动效的成品,作为本站的活体参照与效果样板。

不适用场景

取用代码:本站不是可抄的资产包;要抄请取 ouuut-editorial / bg-fx / page-transition 等包。

元数据

类目
线上作品(用库内资产建成)
版本
v1.0.0
许可
站点自有内容(仅作展示与索引,不随本仓分发)
规模
2 文件 · 2 KB
来源
ouuut-site · index.html

标签

  • showcase
  • studio
  • live-site
  • editorial

验证证据

2026-11-04 · curl -sI https://ouuut.com/ (HTTP 200;响应无 X-Frame-Options、无 CSP frame-ancestors)

200 · server: cloudflare · 可安全嵌入本站预览浮层与详情舞台(跨域 iframe)

取用

固定版本(CDN)
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/nakamotosai/sai-assets@pack/[email protected]/packs/ouuut-com/css/default.css">
raw 直取(跟随 main)
curl -O https://raw.githubusercontent.com/nakamotosai/sai-assets/main/packs/ouuut-com/SKILL.md
仓库内落地
python scripts/apply.py ouuut-com --to <项目目录>
整包下载
https://ouuut.com/

源码与规则

pack.json
{
  "schema": 1,
  "id": "ouuut-com",
  "title": "ouuut.com — Independent AI Studio(Tokyo / Global)",
  "kind": "meta",
  "category": "sites",
  "version": "1.0.0",
  "license": "站点自有内容(仅作展示与索引,不随本仓分发)",
  "attribution": [],
  "origin": { "project": "ouuut-site", "path": "index.html", "derived_from": null },
  "entry": "SKILL.md",
  "files": { "tokens": [], "css": [], "src": [], "upstream": [], "usage": null, "assert": null, "preview": null },
  "preview_url": "https://ouuut.com/",
  "tags": ["showcase", "studio", "live-site", "editorial"],
  "when": "想看库内资产拼成一个真实上线站是什么样:ouuut 主站就是「和色六景 · 纸白/炭黑」+ 自研动效的成品,作为本站的活体参照与效果样板。",
  "not_for": "取用代码:本站不是可抄的资产包;要抄请取 ouuut-editorial / bg-fx / page-transition 等包。",
  "verified": {
    "date": "2026-11-04",
    "how": "curl -sI https://ouuut.com/ (HTTP 200;响应无 X-Frame-Options、无 CSP frame-ancestors)",
    "evidence": "200 · server: cloudflare · 可安全嵌入本站预览浮层与详情舞台(跨域 iframe)"
  },
  "canonical_home": "https://ouuut.com/",
  "external": true,
  "changelog": [
    "1.0.0 · 作为线上作品条目入库:活预览直接嵌本家,内容不复制进本仓"
  ]
}
SKILL.md
# ouuut-com · 线上作品(外部站点)

本条目是**展示型条目**,不是可抄的资产包:内容在 `https://ouuut.com/` 本家,本仓只有一行索引与一条活预览地址。

## 它是什么

ouuut(Independent AI Studio · Tokyo / Global)—— 用本库的「和色六景 · 纸白 / 炭黑」(`ouuut-editorial`)、自研背景动效(`bg-fx`)、过场(`page-transition`)等资产拼成的真实上线站。放在这里当**成品参照**:想知道这些包组合起来是什么密度、什么节奏,看它。

## 怎么用

- 看效果:本站目录里悬停这一行,右侧浮层直接嵌本家页面;详情页舞台可切桌面 / 平板 / 手机视口。
- 要抄代码:不要抄本站,抄它用的包 —— `ouuut-editorial`(配色与排版刻度)、`bg-fx`(背景动效)、`page-transition`(过场)、`dual-theme-toggle`(深浅切换)。

## 边界

- 站点内容版权归站主,不随本仓分发(`pack.json.license` 已写明)。
- 活预览是跨域 iframe:浮层里不能读它的 DOM,也不做任何注入;本家改版,这里跟着变。

← 回索引