AgentSkillsCN

turtle-video-overview

掌握 Turtle Video 项目整体架构与实现模式的技能。不仅涵盖技术栈、功能列表、目录结构、状态管理、架构设计、主要组件，还全面梳理了实现过程中的注意事项，如防误触滑动、黑屏处理、AudioContext 管理、内存管理、错误处理等。“请告诉我项目概要”、“了解这个工作空间的整体情况”、“技术栈”、“这是什么应用？”、“功能列表”、“想了解架构”、“架构”、“组件构成”、“都在用什么？”、“这个项目是做什么的？”、“实现时需要注意什么”、“注意事项”、“project overview”、“tech stack”、“architecture”等关键词都会触发此技能。

SKILL.md
--- frontmatter
name: turtle-video-overview
description: Turtle Videoプロジェクトの全体像と実装パターンを把握するためのスキル。技術スタック、機能一覧、ディレクトリ構成、状態管理、アーキテクチャ、主要コンポーネントに加え、スワイプ誤操作防止・ブラックアウト対策・AudioContext管理・メモリ管理・エラーハンドリングなど実装上の注意点も網羅的にまとめる。「プロジェクトの概要を教えて」「このワークスペースの全体像」「技術スタック」「どんなアプリ？」「機能一覧」「構成を知りたい」「アーキテクチャ」「コンポーネント構成」「何が使われてる？」「このプロジェクト何？」「実装で気をつけること」「注意点」「project overview」「tech stack」「architecture」などで発火。

Turtle Video Overview Skill

スキル読み込み通知

このスキルが読み込まれたら、必ず以下の通知をユーザーに表示してください：

💡 Turtle Video Overview スキルを読み込みました
Turtle Videoプロジェクトの全体像と実装パターンを提供します。

When to Use

  • •新しい機能を実装する前にプロジェクト全体を把握したいとき
  • •ワークスペースの技術スタックや構成を確認したいとき
  • •プロジェクトにはじめて触れるとき（「これ何のプロジェクト？」）
  • •コードレビューの前にプロジェクトの背景を理解したいとき
  • •任意の作業を開始する前にプロジェクトのコンテキストを得たいとき
  • •アーキテクチャや状態管理の設計方針を確認したいとき
  • •依存ライブラリや開発コマンドを一覧で見たいとき
  • •実装時に注意すべきパターンやワークアラウンドを確認したいとき

リファレンス

プロジェクト詳細

技術スタック、ディレクトリ構成、機能一覧、状態管理アーキテクチャ、型定義、開発コマンド、コーディング規約：

📄 references/project-details.md

実装パターン・注意点

スワイプ誤操作防止、ブラックアウト対策、AudioContext管理、メモリ管理、エラーハンドリング（3層防御）、パフォーマンス最適化、モバイル対応、データ永続化、メディアハンドリング、状態管理パターン：

📄 references/implementation-patterns.md

手順

  1. •プロジェクト構造の把握: references/project-details.md を読み込み、技術スタック・機能・構成を理解する
  2. •実装パターンの確認: references/implementation-patterns.md を読み込み、コード変更時に注意すべきポイントを把握する
  3. •バージョン確認: version.json を読み込み、現在のバージョンを確認する
  4. •仕様確認（必要に応じて）: spec.md で実装フェーズの進捗や仕様を確認する
  5. •サマリー出力: ユーザーの質問に応じて、技術スタック・機能一覧・注意点などを整理して回答する

参照ドキュメント

  • •spec.md: 仕様書 & 実装計画（全フェーズの詳細）
  • •README.md: プロジェクト概要・セットアップ手順
  • •version.json: 現在のバージョン情報
  • •package.json: 依存関係・スクリプト一覧