本文へ移動
cccskills
無料GitHub で公開

common-family-ux

Judge and shape UI/UX for products used by parents and young children - audience fit, accessibility, safety and trust, comfort, consistency, and human feel. Use when reviewing or designing family, parenting, or kids app screens on phone or tablet.

インストール方法を見る

含まれるファイル(5)

  • SKILL.md2.6 KB
  • evals/evals.json2.0 KB
  • references/child-surface.md766 B
  • references/human-feel.md1.0 KB
  • references/rubric.md2.4 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Family UX

Priority: P1 (HIGH)

Declare First

  • Surfaces: parent, child, or both. Age band (for example 3-6). Locale. Devices: phone and tablet.
  • Content, milestones, and examples must match the age band.

Score Six Axes (0-3, cite evidence)

  1. Audience fit: parent and child surfaces separated; parent gate before settings, purchases, external links, and deletion.
  2. Accessibility: text contrast 4.5:1 (3:1 large); body 16px, labels 14px minimum; targets 48px parent, 64px child; icon buttons have accessible names; status never colour-only; reduced motion respected.
  3. Safety and trust: AI output labelled and separated from clinician-recorded data; no "verified" badge without a source; destructive actions two-step with export or restore; no dark patterns. Store and COPPA rules: mark needs validation, never assert compliance.
  4. Comfort: calm palette, one accent; no countdown timers, streak guilt, or red badges for non-urgent items.
  5. Consistency: one design system; identical navigation on every top-level screen; one language per screen; locale dates; primary action in the thumb zone; tablet uses two-pane or a rail, not a stretched phone.
  6. Human feel: sample people agree across screens (names, ages, dates); one illustration style; no empty placeholders, filler hints, AI cliches, or invented metrics.

Criteria: Rubric. Child rules: Child surface. AI tells: Human feel.

Findings

  • Severity: Blocker (audience fit, safety, or AA contrast on a primary action), Major, Minor, Human-feel.
  • Row: severity | axis | screen | evidence | consequence | smallest fix | edit prompt.
  • Cross-screen check: allergies, conditions, names, ages, and dates agree everywhere. Contradictory medical data is a Blocker.

Anti-Patterns

  • No bold for its own sake: maximalist, dramatic, or perpetual-motion styles tire parents and distract children.
  • No urgency mechanics: countdown timers, streaks, and loss framing on child surfaces.
  • No colour-only status: pair colour with an icon and a word.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Upgrade an Android project to Android Gradle Plugin (AGP) 9. Use when migrating to AGP 9, updating Gradle build files, migrating to built-in Kotlin, or adopting the new AGP DSL.

日本語の概要は準備中です。原文の説明を表示しています。

HoangNguyen0403/agent-skills-standard5732026年10月12日 更新

Apply Clean Architecture layering, modularization, and Unidirectional Data Flow in Android projects. Use when setting up project structure, placing code in layers, configuring feature/core modules, or implementing UDF patterns; defer Compose state and ViewModel/StateFlow implementation to their specific skills.

日本語の概要は準備中です。原文の説明を表示しています。

HoangNguyen0403/agent-skills-standard5732026年10月12日 更新

Implement WorkManager and background processing correctly on Android. Use when creating Worker classes, scheduling tasks, choosing between WorkManager and Foreground Services, or setting up Hilt in workers; defer FCM and notification delivery to android-notifications.

日本語の概要は準備中です。原文の説明を表示しています。

HoangNguyen0403/agent-skills-standard5732026年10月12日 更新

Build high-performance declarative UI with Jetpack Compose. Use when writing Composable functions, optimizing recomposition, hoisting state, or working with LazyColumn and side effects; defer deep-link and navigation routing to android-navigation.

日本語の概要は準備中です。原文の説明を表示しています。

HoangNguyen0403/agent-skills-standard5732026年10月12日 更新

Migrate an Android XML View to Jetpack Compose following a structured 10-step workflow. Use when converting XML layouts to Compose, setting up Compose in an existing View-based project, or incrementally adopting Compose.

日本語の概要は準備中です。原文の説明を表示しています。

HoangNguyen0403/agent-skills-standard5732026年10月12日 更新

Write correct coroutine scopes, lifecycle collection, and dispatcher injection in Android production code. Use for suspend functions, coroutine scopes, and dispatcher mechanics; defer ViewModel StateFlow/LiveData architecture, Fragment lifecycle recipes, persistence/notifications, and unit-test recipes to their specific skills.

日本語の概要は準備中です。原文の説明を表示しています。

HoangNguyen0403/agent-skills-standard5732026年10月12日 更新

HoangNguyen0403 のスキルをすべて見る

このスキルの問題を報告する