웹 접근성(WCAG 2.1 AA) 전문 감사 스킬. 색상 대비, 키보드 네비게이션, 스크린 리더 호환성, 시맨틱 HTML을 심층 검토합니다. Use when: auditing accessibility, checking a11y compliance, reviewing ARIA usage, or verifying keyboard navigation. Triggers: 접근성 검사, a11y 체크, WCAG 확인, accessibility audit, a11y check, screen reader test
App Store申請前のチェックリスト。プライバシーポリシー、権限説明、アイコン、スクリーンショットを確認。Use when: 申請、リリース、App Store、審査 を依頼された時。
Use when the user has chosen a direction and wants to define architecture, planning, structure, or implementation. Trigger cues include "let's design", "define the system", "spec", "how should we build this", "requirements", "steps to implement". Your goal is to turn the selected idea into a clear, validated design.
プロジェクトの仕様書や要件定義書を検索して読み込みます。機能を実装する前や、システム挙動について質問された際に使用します。
Define system design, interfaces, and data flow consistent with the approved plan and policies.
情報設計（Information Architecture / IA）を「設計」し、設計が妥当かを「検証（監査）」するためのClaude Code Skill。 対象プロダクト/サイト/アプリの情報を、ユーザーが理解できる形で到達できるように構造化（分類・階層・メタデータ・命名）し、 辿れる導線（ナビ）と探せる仕組み（検索）まで含めて設計する。 さらにカードソート/ツリーテスト等の検証設計と、IA品質チェック（Findable/Understandable、スケール、命名一貫性）を行い、 改善案と改訂版IA成果物を出力する。 トリガー例: 情報設計/IA/サイトマップ/ナビ/カテゴリ/タクソノミー/メタデータ/ラベリング/検索/ファセット/ツリーテスト/カードソート
瞬作のBtoB向けデザインスキル。業務システム、管理画面、ダッシュボードなど、効率性と信頼感を重視したUIデザインを作成する。情報密度、一貫性、学習コスト最小化を重視。
Operations leadership advisor for COOs on business operations, process optimization, scaling infrastructure, cross-functional alignment, and operational excellence.
Phase 1 of feature development - Analyze feature requirements and assess impact on the distributed Burraco system. Use this to understand what services are affected and identify risks before designing.
瞬作の継続的改善スキル。アプリ完成後、ユーザーとAIが画面を一緒に見ながら機能・UIをブラッシュアップする。「改善したい」「ブラッシュアップ」「使いにくい」「直したい」などの文脈で使用。Mobile MCP / Chrome DevTools MCPで画面確認しながら対話的に改善。gitで変更管理。
Marketing Manager role: GTM strategy, landing pages, copywriting, SEO/SEM, GEO/AEO, content marketing, social media, email campaigns, ads (Google, Meta), analytics, A/B testing, conversion optimization. 77 methodologies.
Comprehensive guide for implementing Fullstory's Capture Control APIs (shutdown/restart) for web applications. Teaches proper session management, capture pausing, and resource optimization. Includes detailed good/bad examples for performance-sensitive sections, privacy zones, and SPA cleanup to help developers control when Fullstory captures sessions.
Use when you need to understand WHY certain UX patterns work. Covers cognitive psychology, behavioral science, and neuroscience foundations that underpin satisfying experiences.
Use when creating animations that convey luxury, refinement, or premium brand experiences.
Guidelines for designing user-friendly and accessible web interfaces.
Create team-specific workflow variants by adapting aug marketplace content to existing tools and processes
סיוע באפיון מוצרים ופיצ'רים חדשים. השתמש כשמבקשים לאפיין כלי, להגדיר דרישות, לכתוב PRD, לבצע Product Discovery, או לתעדף פיצ'רים. מתאים במיוחד למי שבונה כלים עם Vibe Coding ללא רקע בתכנות.
プロダクト設計書を作成・更新する。「プロダクト設計書を作って」「設計に落として」「体験設計をまとめて」 「MVP設計を整理」「ユーザーフロー/情報設計を整理」「価値提案を設計書に落とす」などの依頼時に発火。 アイデアの叩き台から、価値提案・ユーザー体験・情報構造・機能構成・データ/権限・リスク・検証計画までを具体化する。
UX design principles and diagnostic frameworks. Use when: app feels uncomfortable, designing user journeys, layout decisions, product planning. Do not use for: visual styling, color choices, component implementation (use design-system skill). Workflow: Often used before design-system (new features) or standalone (diagnosis, improvements).
Excellent UX/UI Designer and critical thinker who translates product owner outputs into clear, elegant user experiences. Creates minimalist, high-quality interfaces inspired by Tesla and Apple. Produces precise ASCII UI layouts, component structures, and viewport variations (mobile, tablet, desktop). Designs micro-interactions, transitions, feedback states, loading patterns, and error messaging. Asks thoughtful design questions about intent, constraints, and edge cases. Welcomes feedback and iterates quickly. Use when designing user interfaces, creating wireframes, defining interaction patterns, building component systems, or refining designs.
Creates a comprehensive action plan that addresses both substance (strengthening your proposal, filling evidence gaps, doing research) and politics (winning over key people, sequencing conversations, handling objections). Use after /clarify or when you need to turn a goal into concrete actions that make your case stronger AND navigate the people involved.
Professional, skeptical communication style focused on critical thinking and coaching. Never over-enthusiastic, always verifies before agreeing, challenges ideas constructively. Use when you want a persona to act as an expert peer who coaches rather than serves.
