Design & Medialow risk

card-twitter

Twitter quote or data card designed to pair with a post.

nexu-io/open-design·plugins/_official/examples/card-twitter/SKILL.md

57/ 100おすすめ度

↓

この Skill を導入

coding agent を選び、プロジェクト用または個人用コマンドをコピーします。

収録 commit に固定

プロジェクトに導入.agents/skills/card-twitter

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-twitter -a codex -y

個人環境に導入~/.agents/skills/card-twitter

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-twitter -a codex -g -y

手動配置先.agents/skills/card-twitterOfficial docs ↗

プロジェクトに導入.claude/skills/card-twitter

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-twitter -a claude-code -y

個人環境に導入~/.claude/skills/card-twitter

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-twitter -a claude-code -g -y

手動配置先.claude/skills/card-twitterOfficial docs ↗

プロジェクトに導入.agents/skills/card-twitter

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-twitter -a github-copilot -y

個人環境に導入~/.copilot/skills/card-twitter

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-twitter -a github-copilot -g -y

手動配置先.agents/skills/card-twitterOfficial docs ↗

プロジェクトに導入.agents/skills/card-twitter

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-twitter -a cursor -y

個人環境に導入~/.cursor/skills/card-twitter

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-twitter -a cursor -g -y

手動配置先.agents/skills/card-twitterOfficial docs ↗

プロジェクトに導入.agents/skills/card-twitter

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-twitter -a gemini-cli -y

個人環境に導入~/.gemini/skills/card-twitter

npx skills add https://github.com/nexu-io/open-design/tree/7533db3f4342d09b27368fa5d907ebd3cdb93b75/plugins/_official/examples/card-twitter -a gemini-cli -g -y

Native Gemini CLI

gemini skills install https://github.com/nexu-io/open-design.git --scope workspace --path plugins/_official/examples/card-twitter

手動配置先.agents/skills/card-twitterOfficial docs ↗

⚠ インストールには open-source skills CLI を使用します。実行前にソースと権限を確認してください。

Skill の指示

GitHub で元ファイルを表示 ↗

【模板: Twitter 分享卡】
- 容器 `w-[1600px] h-[900px]`, 暗色 / 亮色二选一根据内容情绪。
- 中央一句 hero 金句 (text-6xl, font-semibold, 限 2-3 行)。
- 下方作者署名 + 头像占位 + handle。
- 左上角小标签 (类型: "Insight" / "Data" / "Quote")。
- 右下角品牌水印。
- 整张卡片有微妙的纹理 (grid 网格 / noise / dot pattern)。
- 截图后可直接配推文发出, 视觉简洁有力。