MMCPMarkets
JX

jane-xiaoer/feishu-portfolio-launch

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

86 stars 品質 40 トレンド 15
Repository Install

Claude コード スキル: 飞书多表格 → GitHub Pages 作品集网站全流一刃上線

概要

想、想、想、想、想、想、想、想、想、想 1。 — 提取的 完 分 分 分 分 分 层 层 层 层 分 分 分 分 分 分 分 分 分 分 分 分 分 4. 4. + + + + 24 24 24 24 24 24 24 24 24 24 24 24 24 24 每 每 24 24 每 每 每 每 24 24 24 每 24 24 24 ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ Feishu ビットブル -> 更新.py -> api/*.json -> GitHub アクション → GitHub ページ - .github/workflows/refresh.yml - api/videos.json - api/covers.json - api/portfolio.json - LARK APP ID - LARK APP SECRET - LARK BASE TOKEN - LARK TABLE ID - LARK APP ID - LARK APP SECRETRET - LARK BASE TOKEN - LARK TOKEN - LARK TABLE ID - LARK APP ID - LARK APP ID - LARK APP SECRETRETRET - LARK - LARK TOKEN - LARK TOKEN - LARK TOKEN - LARK TOKEN - LARK TOKEN - LARK TABLE ID - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - LARK - - アセット/refresh.py - アセット/refresh.yml - アセット/portfolio.sample.json 端 端 端 端 端 端 端 端 端 端 端 端 端 端 端 端 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在 在

概要（AI 翻訳）

Claude Code Skill — 我 我 我 我 我 我 我 我 我 我 我 我 我 ** ** ** ** ** ** ** ** ** 我 我 上 上 我 我 上 ** 上 ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** 我 我 我 ** ** ** ** ** ** ** ** ** ** 我 我 我

想、想、想、想、想、想、想、想、想、想

お問い合わせ

能做什么

我 我 我 我 我 我 我 我

  1. 出典の辞典* — 提唱の件名 token 秋布流展示、分类筛选、点音播放、整整形画册 3。 上線 GitHub Pages — 免 ** 分 分 分 分 4。** 定自定武者名(可選択)— 自动配置 CNAME 5。 ** 配置自动刷新** — 飞书链接 24 小时それゆ GitHub アクション 12 小时自新着

你 ** ** → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → →

お問い合わせ

场 场

✅ ✅ ✅ ✅ ✅ 维 维 维 维 维 维 ✅ ✅ ✅ ✅ ✅ ✅ 不写代码,全程人工知能 単

场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场 场

お問い合わせ

安装使用

** 方法一:直接 SKILL.md**

[SKILL.md] の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の に の の の の の の に の の の の の の の の の の の の の の の の の の の の の の の の の の に の の の の の の の の に の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の の

方法:clone 整数**

安后服,在クラウドコード:

「我 我 我 我 我 我 网 网 网 网 网 网 网 网 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我 我

Claude code 会自自用スキル.

お問い合わせ

##前置条件

始 始 会 会 会 会 会 诉你怎么补 诉你怎么补 诉你怎么补 诉你怎么补 诉你怎么补 ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ): ):

| 製品情報 | お問い合わせ | ラーククライ | API API | | Node.js ≥ 18 | ラーククライエント行列 | | Python 3 | 自动刷新脚本 | | GitHub | | | | | | | | 版本控制 |

地域名注册商(可選択)

お問い合わせ

默认 默认 默认 默认

最近の投稿

[Feishu Bitable -> refresh.py -> api/*.json -> GitHub Actions -> GitHub Pages]

不 本 本 本 本 本 本 本 本 本 本 户 户 户 户 户 户 户 户 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。

仓库 会

  • [refresh.py
  • [.github/workflows/refresh.yml
  • [api/videos.json
  • [api/covers.json
  • [api/portfolio.json

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

feishu-portfolio-launch

Claude Code Skill — 给我飞书多维表格链接，我带你把作品集网站全流程上线。

适合把视频/图片作品存在飞书、想对外展示的创作者（AI视频、摄影、设计、样片库等）。

能做什么

给我一个飞书多维表格链接，我自动完成：

  1. 导出飞书数据 — 提取所有附件的 file_token 和字段内容
  2. 生成 HTML 网页 — 瀑布流展示，分类筛选，点击播放，并带完整动画层
  3. 上线 GitHub Pages — 免费托管，几分钟可访问
  4. 绑定自定义域名（可选）— DNS 引导 + 自动配置 CNAME
  5. 设置自动刷新 — 飞书链接 24 小时过期，由 GitHub Actions 每 12 小时自动换新链接

你只需要： 提供表格链接 → 选风格 → 确认预览 → 在 DNS 控制台加几条记录

适用场景

✅ 视频 / 图片附件存在飞书多维表格
✅ 想搭一个对外展示的作品集网站
✅ 不想写代码，全程让 AI 做

❌ 博客、电商、需要用户注册登录的场景不适合

安装使用

方式一：直接复制 SKILL.md

把 SKILL.md 放到你的 Claude Code skills 目录：

mkdir -p ~/.claude/skills/feishu-portfolio-launch
curl -o ~/.claude/skills/feishu-portfolio-launch/SKILL.md \
  https://raw.githubusercontent.com/Jane-xiaoer/feishu-portfolio-launch/main/SKILL.md

方式二：clone 整个仓库

git clone https://github.com/Jane-xiaoer/feishu-portfolio-launch.git \
  ~/.claude/skills/feishu-portfolio-launch

安装后，在 Claude Code 里说：

「飞书作品集上线」或「帮我用飞书多维表格搭作品集网站」

Claude Code 会自动调用这个 Skill。

前置条件

开始前需要装好这几个工具（缺什么 Skill 会告诉你怎么补）：

工具 用途
lark-cli 访问飞书 API
Node.js ≥ 18 lark-cli 运行环境
Python 3 自动刷新脚本
gh (GitHub CLI) 创建仓库 + 推代码
git 版本控制

需要的账号：飞书、GitHub、域名注册商（可选）

现在的默认路线

这个 Skill 现在默认采用：

Feishu Bitable -> refresh.py -> api/*.json -> GitHub Actions -> GitHub Pages

不再默认依赖本地 launchd 或者用户自己的电脑长期开机。

仓库里会生成：

  • refresh.py
  • .github/workflows/refresh.yml
  • api/videos.json
  • api/covers.json
  • api/portfolio.json

并要求配置这 4 个 GitHub Secrets：

  • LARK_APP_ID
  • LARK_APP_SECRET
  • LARK_BASE_TOKEN
  • LARK_TABLE_ID

Skill 仓库里已经附带可复制模板：

  • assets/refresh.py
  • assets/refresh.yml
  • assets/portfolio.sample.json

前端默认不是纯静态页。这个 Skill 现在会把下面这些动画能力一起作为标准交付：

  • hero 首屏入场动画
  • sticky 导航 / 筛选条滚动过渡
  • 卡片 hover 动效
  • 页面或 section reveal 动画
  • 需要时接入 Canvas / Three.js 背景动效
  • 保留无动画降级，保证内容可读和移动端可用

实际效果

用这套方法搭出来的网站示例：xiaoerai.xyz

  • 46 个 AI 视频作品
  • 瀑布流布局，分类筛选
  • 首屏、卡片、About 页和背景层都有动画
  • 飞书链接由 GitHub Actions 自动刷新

License

MIT

📱 关注作者 / Follow Me

如果这个仓库对你有帮助，欢迎关注我。后面我会持续更新更多 AI Skill、做网站、自动化工作流和创意项目。

If this repo helped you, follow me for more AI skills, website building, automation workflows, and creative projects.

  • X (Twitter): @xiaoerzhan
  • 微信公众号 / WeChat Official Account: 扫码关注 / Scan to follow

中文：欢迎关注我的公众号，一起研究 AI Skill、网站搭建、自动化流程和创意实验。

English: Follow my WeChat Official Account for more AI skills, website building, automation workflows, and creative experiments.

GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add jane-xiaoer/feishu-portfolio-launch
MCP 初心者？mcpskill.org のガイドから始めましょう →