Content & Media

Skill for understanding, refactoring, and extending this React + TypeScript + Vite SPA frontend (components, routing, state, and API calls) whenever the user asks for UI changes, bug fixes, or new frontend features in this project.

Design intuitive desktop interfaces following platform conventions with proper layouts, keyboard shortcuts, and native widgets

Comprehensive container security guidance including vulnerability scanning with Trivy, image hardening, secrets management, and CIS benchmark compliance. Activates when working with "container security", "image scanning", "CVE", "vulnerability", "docker security", "hardening", or "CIS benchmark".

Expert on Shelby Protocol architecture, erasure coding, placement groups, read/write procedures, Clay Codes, chunking, storage providers, RPC servers, and decentralized storage system design on Aptos blockchain. Triggers on keywords Shelby Protocol, erasure coding, Clay Codes, placement groups, Shelby architecture, storage provider, blob storage, chunking, Shelby whitepaper.

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks

Use when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative agreement or blind implementation

OpenSpec駆動の垂直TDDスケルトン戦略。提案作成・技術検証・設計・実装・アーカイブの全ライフサイクルをサポート。使用タイミング:(1) OpenSpecスラッシュコマンド実行時（`OpenSpec: Propose`, `OpenSpec: Apply`, `OpenSpec: Archive`）(2) 新機能開発の開始時（「新機能を追加」「〜を実装」リクエスト、OpenSpec提案がまだ存在しない場合）(3) 提案の修正・継続（openspec/changes/配下にファイルが存在、「提案を修正」「設計を見直し」リクエスト）(4) 実装の再開（tasks.mdに未完了タスクがある、「実装を続ける」「次のステップ」リクエスト）(5) 技術検証が必要（design.md作成前、複数技術選択肢がある、「技術検証」「ライブラリ調査」リクエスト）使用しない場合: バグ修正、タイポ修正、ドキュメント更新のみ、設定ファイル変更のみ

Implement loading, error, success, and empty state components for Vue 3. Use when creating toast notifications, loading spinners, empty state pages, or status indicators. Mentions "loading state", "empty state", "toast component", "error UI", or "success message".

iOSアプリのローカライズ（多言語対応）を支援するスキル。String Catalog (.xcstrings) とXcode 26の型安全なシンボル生成機能を使ったローカライズを実現。使用シーン：(1) プロトタイプから本番実装への書き換え時にテキストをローカライズする (2)「このテキストをローカライズして」などの明示的な指示 (3) 新しい画面や機能追加時にUIテキストのローカライズが必要な場合

Frontend design system utilities with component libraries, theme management, responsive design tools, and accessibility features.

Debug and manage XTConnect Raspberry Pi nodes with connection tracking, serial port debugging,and master image verification.Use when asked about: xtconnect, raspberry pi, pi node, serial port, rs-485, master image,debug pi, connect to pi, check deployment, monitor serial, validate master, node status.

Pre-merge security validation detecting secrets, user-specific paths, insecure SSH configurations, and security-weakening flags. Use before committing code/documentation, before creating PRs, or during QA validation. Supports automated scanning with severity-based enforcement (CRITICAL blocks merge, HIGH requires fixes).

Optimize frontend performance with techniques for code splitting, lazy loading, caching, image optimization, and Core Web Vitals. Learn profiling and performance budgeting.

Creates animations with Framer Motion/Motion including transitions, gestures, layout animations, and scroll effects. Use when animating React components, creating page transitions, adding gesture interactions, or building animated interfaces.

DHEPLab academic website management. Content creation, publication sync,Substack integration, and deployment for the Astro 5 + Tailwind 4 site.USE WHEN user says 'website', 'dheplab site', 'lab website', 'add to website','sync publications', 'sync substack', 'deploy site', 'preview build','create blog post', 'add team member', 'update research area'.

Builds high-performance Node.js APIs with Fastify, TypeScript, schema validation, and plugins. Use when building fast REST APIs, microservices, or needing schema-based validation.

👥 Comprehensive volunteer program management including recruitment, training, scheduling, and recognition for successful festival operations.

Console UI, API endpoints, template rendering, user-facing features

Build automated billing systems for recurring payments, invoicing, subscription lifecycle, and dunning management. Use when implementing subscription billing, automating invoicing, or managing recurring payment systems.

OpenAI REST API integration guide. Use when: making direct HTTP calls to OpenAI API,understanding API structure without SDK, debugging API requests, learning request/responseformats, handling errors and rate limits. Covers: authentication, Chat Completions,Embeddings, Images (DALL-E), Audio (Whisper/TTS), error handling, streaming.