feat(site): redesign — structure-first narrative + animated Discord mock#15
Conversation
…nd, animated Discord mock Complete overhaul of workspacecord.xuhongbo.us: **Hero**: "一个 Discord 服务器，装下你所有 AI 编码任务。" — structure-first positioning replacing the old "remote" angle. Dual-screen workflow demo (phone + terminal) with 4-scene channel-switching animation (SEND / PARALLEL / APPROVE / ARCHIVE). **New: OneServerSection** — animated high-fidelity Discord desktop mock showing the real create→jump→use flow: /agent spawn in #control → Agent Created card → jump to session channel → agent streams work. 4 scenes cycling across 2 projects (agentcord + threadcord) and 2 engines (Claude + Codex). Sidebar highlights sync with active channel. **Content rewrite**: All copy fact-checked against real codebase — fixed /agent spawn parameter name (label not goal), /subagent run (label not task), dual engine clarification (per-session not per-message). Problem section reframed around competitive landscape (Claude Code remote needs subscription, Codex has no remote). **Tailwind migration**: CSS reduced from 1435 → ~170 lines. Added postcss.config.js, extended tailwind.config.ts with ink/mint/violet/cyan/discord color system, glow shadows, flow-particle keyframes. All components use utility classes. **Why Devs bento**: Lead card changed to "NATIVE HIERARCHY — 4 层 Discord 原生结构" emphasizing the Server/Category/Channel/Thread → Workspace/Project/Session/Subagent mapping as the core differentiator. Tests: 13/13 passed. TypeCheck clean. Build clean. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 4ee962d431
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| onClick={() => { | ||
| setActiveIndex(index); | ||
| setIsPaused(true); | ||
| }} |
There was a problem hiding this comment.
Clicking a scene chip sets isPaused to true, but the component only resumes autoplay via the wrapper’s onMouseLeave. On devices without hover (common touch phones/tablets), onMouseLeave is never fired, so a single tap freezes the demo on that scene until the page is reloaded. This prevents mobile users from seeing the full rotating narrative unless they never interact with the controls.
Useful? React with 👍 / 👎.
1 participant
Summary
/agent spawn参数名 (label)、双引擎限制 (per-session 而非 per-message)、竞品定位 (Claude Code remote 需订阅、Codex 无 remote)Competitive context
基于 GitHub 竞品调研（zebbern/claude-code-discord 168★、timoconnellaus 69★、stravu/crystal 3012★ 等），workspacecord 是唯一同时支持多项目 × 多 session × 远程的 Discord 工具。新文案围绕这个二维优势展开。
Test plan
pnpm typecheck— cleanpnpm test— 13/13 passed (workflow-steps 9 + app 4)pnpm build— clean, no warnings🤖 Generated with Claude Code