B2B サイトの戦略・情報設計。価値提案・メッセージマップ・ジャーニー導線・意思決定マップ・信頼棚卸・トーン/禁止表現まで一気通貫でテンプレ化する。実装前フェーズ専用（全PJ共通）。
中文简介正在准备中。当前显示原文说明。
ax-inc-dev/claude-cursor-orchestration32026年4月25日 更新
免费在 GitHub 公开
shadcn-motion-ui-brief
shadcn/ui と Motion を使うマーケ・コーポ向け UI の判断基準。a11y・motion・セクション構造・コンポーネント再利用のブリーフ作成用（全PJ共通）。
中文简介正在准备中。当前显示原文说明。
ax-inc-dev/claude-cursor-orchestration星标 3(GitHub 3 + cccskills 0)
实测评分 未实测
查看安装方法包含的文件（1）
- SKILL.md3.0 KB
SKILL.md（原文）
安装前可以查看交给 AI 代理的指令内容。
shadcn/ui + Motion UI Brief
When to Use
- site-build-orchestrator の Phase 2
- 「リッチにしたいが安っぽくなった」「動きが気持ち悪い」と言われたときの見直し
- **
DESIGN.md（Stitch / awesome-design-md）**で色・タイポ・Elevation が既に固定されている → design-md-reference と併読し、Motion はそのトーンに従い 過剰にならないよう調整する
原則
- 見た目のリッチさより情報の階層（見出しレベル・余白・1 画面の主メッセージは 1 つに近づける）
- shadcn/ui は Radix 由来の フォーカス・キーボードを活かす。
div+onClickだけの Primary 操作を増やさない - Motion は補助。ヒーロー・初回ビューポート以外は 控えめ
セクション構造（B2B LP のデフォルト例）
案件で差し替えてよい。作業リポの docs/site/ui-brief.md に採用可否と理由を書く。
- Hero（価値提案・主 CTA・補助リンク）
- 信頼の帯（ロゴ／数値のいずれか）
- 課題共感 → 解決の骨子
- サービス／プロセス
- 事例・証拠
- FAQ / 反論処理
- 終結 CTA
shadcn/ui
- 優先:
Button/Card/Accordion/NavigationMenu/Sheet（モバイル）など、設計に合うプリミティブから選ぶ - 1 画面あたりの variant 濫用を避ける（ボタンサイズ・カード種類は理由のない増殖を禁止）
- Dialog / Sheet は Escape・フォーカストラップを壊さない（可能なら既存コンポーネントを維持）
Motion（Framer Motion 想定）
prefers-reduced-motion: reduceのときは アニメなしまたは即時表示（ユーザーの OS 設定を尊重）- viewport 入場: 一度きり（
whileInView等）を基本。無限リピートで注目を奪わない - stagger: 子の間隔は短く（目安 50〜100ms 級）。遅延の積み上げで操作可能時間を遅らせない
layoutアニメ: CLS（レイアウトシフト）やジャークの原因になりやすい。必要箇所のみ、検証してから
出力（docs/site/ui-brief.md 向け）
- 採用セクション一覧と 各セクションで許可する motion の種類（なし / フェード / 軽いスライド 等）
- 禁止: 自動再生の派手なパララックス、ヒーロー以外での長い stagger 連打
- プロジェクトで shadcn の CLI や registries を使う場合は、そのリポの公式ドキュメントに従う（本 Skill はブリーフ専用）
関連
- トークン・ユーティリティ規約: tailwind-product-ui-conventions
评价
还没有评价。欢迎分享你的使用感受。
评论
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
同一仓库的技能
babysit
免费Keep a PR merge-ready by triaging comments, resolving clear conflicts, and fixing CI in a loop.
中文简介正在准备中。当前显示原文说明。
ax-inc-dev/claude-cursor-orchestration32026年4月25日 更新
法人向けHTMLプレゼンスライドの実装エンジン。Claude Codeから指示書（アウトライン＋テンプレート指定＋カラー＋コンテンツ）を受け取り、単一HTMLファイルとして実装する。43種テンプレート＋14種アニメーション。トリガー：プレゼン実装、スライドHTML生成、提案資料コーディング。
中文简介正在准备中。当前显示原文说明。
ax-inc-dev/claude-cursor-orchestration32026年4月25日 更新
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
中文简介正在准备中。当前显示原文说明。
ax-inc-dev/claude-cursor-orchestration32026年4月25日 更新
canvas
免费A Cursor Canvas is a live React app that the user can open beside the chat. You MUST use a canvas when the agent produces a standalone analytical artifact — quantitative analyses, billing investigations, security audits, architecture reviews, data-heavy content, timelines, charts, tables, interactive explorations, repeatable tools, or any response that benefits from visual layout. Especially prefer a canvas when presenting results from MCP tools (Datadog, Databricks, Linear, Sentry, Slack, etc.) where the data is the deliverable — render it in a rich canvas rather than dumping it into a markdown table or code block. If you catch yourself about to write a markdown table, stop and use a canvas instead. You MUST also read this skill whenever you create, edit, or debug any .canvas.tsx file.
中文简介正在准备中。当前显示原文说明。
ax-inc-dev/claude-cursor-orchestration32026年4月25日 更新
Authors Cursor Rules (.cursor/rules/*.mdc) and custom Subagents (.cursor/agents/*.md or ~/.cursor/agents). Use when creating or refactoring rules/subagents, splitting large rules, choosing subagent vs skill, setting model/readonly/background, or replacing repeated delegation prompts.
中文简介正在准备中。当前显示原文说明。
ax-inc-dev/claude-cursor-orchestration32026年4月25日 更新