Skip to content

feat(skill): add Claude connector alongside ChatGPT - #1196

Merged
hogan-yuan merged 3 commits into
mainfrom
feat/skill-claude-connector
Aug 5, 2026
Merged

feat(skill): add Claude connector alongside ChatGPT#1196
hogan-yuan merged 3 commits into
mainfrom
feat/skill-claude-connector

Conversation

@hogan-yuan

Copy link
Copy Markdown
Member

What changed

Skill page (/skill/)

  • New Claude tab in the install segmented control (Connect AI · Copy command · ChatGPT · Claude), linking to the Claude connector directory https://claude.ai/directory/connectors/longbridge-mcp. Tab bar now scrolls instead of overflowing on mobile.
  • Hero callout now covers both channels: "ChatGPT and Claude can install Longbridge directly — use @longbridge in ChatGPT, or the connector in Claude." (fixed its layout so the longer sentence wraps cleanly instead of centering raggedly).

Home page

  • New "Now available in ChatGPT and Claude" intro band above the FEATURES section, reusing the exact same eyebrow + h-section header style as the other sections, with ChatGPT / Claude logo chips on the right.

All copy synced across en / zh-CN / zh-HK.

🤖 Generated with Claude Code

hogan-yuan and others added 3 commits August 5, 2026 13:56
- Skill page: add a Claude install tab (Connect AI / Copy command / ChatGPT / Claude), linking to the Claude connector directory; keep the tab bar from overflowing on mobile
- Skill page: hero callout now mentions both ChatGPT and Claude, with each channel's own usage note
- Home page: new "Now available in ChatGPT and Claude" intro band above the FEATURES section, reusing the same eyebrow + section-heading style with ChatGPT / Claude logo chips
- All strings synced across en / zh-CN / zh-HK
原「NOW AVAILABLE IN」区域仅有一行标题 + 两个小胶囊,视觉分量太
轻。重做为联名叙事式的品牌展示模块:

- 标题拆为「ChatGPT × Claude」联名结构,品牌 logo 内嵌,附带
  tagline「让 AI 读懂市场」承接产品站位
- 拆出两张品牌大卡片(ChatGPT / Claude),卡片头部含品牌 logo、
  live 指示灯、入口调用方式说明与 CTA;两卡功能一致,卡片内
  只做「入口差异」描述,功能能力靠上方 subtitle 承载一次
- section 加 grid 底纹 + 双侧品牌色 glow 氛围,section 上下用
  渐变蒙层平滑衔接相邻 section,避免 overflow:hidden 硬切
  产生的割裂感
- ChatGPT logo 采用官方黑白单色规范,Claude 保留品牌琥珀橙;
  卡片氛围色(glow / hover 边框 / CTA)仍使用各自品牌辅助色

三语(en / zh-CN / zh-HK)内容同步。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
- 主标题拆为「[gpt] ChatGPT × [claude] Claude」联名布局,纯图标
  去底色,字号缩小;副标题 tagline「让 AI 读懂市场」
- eyebrow 由「现已支持」升级为「官方集成 · 现已上线」
- subtitle 精简为一段:Longbridge / ChatGPT Apps / Claude
  Connectors 三个关键词放大加粗、各自品牌色(fg-1 / brand mint /
  coral)
- 加入场动画:IntersectionObserver 监听 subtitle 进入视口中央
  20% 区域时触发白色亮条从右到左扫过 5s,每个元素在自己品牌色底
  上被白 shine 提亮(background-clip: text 独立 gradient),
  浅/深主题都不影响背景;每次滚回视口中央重新触发一次
- 卡片瘦身:删掉 tag 副标签与 prompt 提示行,head 单行「logo +
  品牌名 + CTA」,CTA 顶部对齐;卡片容器 max-width 760px 收窄
- ChatGPT 卡片头 logo 采用官方黑白单色规范
- 三语(EN / zh-CN / zh-HK)内容同步

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
@hogan-yuan
hogan-yuan merged commit 2d861dd into main Aug 5, 2026
2 checks passed
@hogan-yuan
hogan-yuan deleted the feat/skill-claude-connector branch August 5, 2026 14:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants