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(원문)
설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
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일 업데이트