본문으로 건너뛰기
cccskills
무료GitHub에 공개

audio-math-haptics

Derive and implement first-principles audio-coupled haptic and kinetic UI feedback. Use when designing, reviewing, or coding haptics/audio for mobile apps, native iOS/Android, React Native/Expo, SwiftUI, games, detent pickers, toggles, sliders, page curls, scroll gestures, wallet/signature flows, Solana transactions, backend/realtime state changes, confirmations, settlements, and semantic UI events where feedback should follow signal math instead of ad hoc vibration calls.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(5)

  • SKILL.md4.6 KB
  • LICENSE.txt1.0 KB
  • references/canonical-model.md5.2 KB
  • references/mobile-participants.md4.1 KB
  • scripts/derive_feedback.py5.3 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Audio Math Haptics

Overview

Use this skill to make feedback systems feel causal: one semantic event should shape the haptic profile, optional audio profile, and UI kinetic behavior from the same clock and confidence model.

Do not start by sprinkling isolated haptic calls through the app. First identify the semantic event, its participants, and its uncertainty/settlement path.

Workflow

  1. Inventory the events.

    • Include local UI controls, navigation transitions, async requests, backend acknowledgements, wallet/signature states, Solana transaction phases, realtime invalidations, and settlement/failure states.
    • For each event, record certainty, uncertainty, salience/event weight, semantic discontinuity, pattern depth, and settlement phase.
  2. Choose the primitive.

    • Use detent/picker feedback for indexed motion and step crossings.
    • Use toggle feedback for binary state flips.
    • Use slider feedback for continuous motion with semantic thresholds.
    • Use page/route transition feedback for theatrical but decisive transitions.
    • Use async/transaction feedback for pending, accepted, confirmed, rejected, failed, and settled states.
  3. Derive the haptic profile.

    • Map semantic features to intensity, sharpness, duration, transient count, and spacing.
    • Increase intensity with salience, snap energy, confirmation, and edge crossing.
    • Increase sharpness with transient rise, detent alignment, correction force, and semantic discontinuity.
    • Compress duration as certainty rises; increase duration for deeper narrative or unresolved settlement.
  4. Couple optional audio from the same event.

    • Higher sharpness raises pitch and shortens attack.
    • Higher salience raises intensity and amplitude together.
    • More transients mean stronger discontinuity.
    • Keep audio optional and subordinate to platform settings, mute state, and accessibility.
  5. Implement through a central adapter.

    • Create one semantic feedback module per app, then call it from feature surfaces.
    • Keep platform API calls behind the adapter so iOS, Android, web, simulator, and accessibility fallbacks remain consistent.
    • Rate-limit continuous gestures; threshold crossings should feel meaningful, not noisy.
    • Do not let the backend directly "play haptics"; backend, Solana, and realtime systems emit semantic state changes that the client maps to feedback.
  6. Validate the whole participant chain.

    • Check local UI, wallet, backend, realtime, and chain states that can be observed by the user.
    • Verify disabled/reduced-motion/reduced-haptics behavior preserves the same event ordering with lower energy.
    • Run the project typecheck/lint/test path and, for mobile haptics, prefer a real device check when feasible.

Solana And Backend Events

For crypto or backend-backed apps, model the following separately instead of collapsing them into one "success" pulse:

  • User intent captured locally.
  • Wallet or passkey prompt opened.
  • Signature approved, cancelled, or rejected.
  • Transaction created/submitted.
  • Backend request accepted, rejected, rate-limited, or timed out.
  • Optimistic UI state applied.
  • Realtime invalidation or participant update received.
  • Chain confirmation/finalization observed.
  • Settlement, conflict, rollback, or failure resolved.

Map high-certainty terminal states to crisp, short transients. Map pending/ambiguous states to lower-intensity, longer, non-repeating feedback. Map rejected partial movement or cancelled intent to softer correction feedback.

Reference Files

  • Read references/canonical-model.md when exact formulas, coefficients, or primitive laws are needed.
  • Read references/mobile-participants.md when implementing in a mobile app with backend, realtime, wallet, or Solana participants.
  • Run scripts/derive_feedback.py when a numeric calibration table or concrete profile is useful:
python3 scripts/derive_feedback.py '{"energy_density":0.3,"certainty":0.8,"event_weight":0.7,"spectral_centroid_norm":0.5,"transient_rise":0.8,"attack_contrast":0.7,"pattern_depth":0.2,"uncertainty":0.1,"settlement_phase":0.0,"event_importance":0.9}'

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Add an iOS App Clip target to an Expo app. Use when the user mentions App Clip, AASA, apple-app-site-association, appclips, smart app banner, or wants to ship a lightweight iOS Clip invoked from a URL alongside their parent app.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

heyAyushh/stacc32026년 9월 21일 업데이트

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

heyAyushh/stacc32026년 9월 21일 업데이트

Add Agentation visual feedback toolbar to a Next.js project

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

heyAyushh/stacc32026년 9월 21일 업데이트

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

heyAyushh/stacc32026년 9월 21일 업데이트

Babysit a GitHub pull request during a user-approved monitoring window by polling review comments, CI checks/workflow runs, and mergeability state. Diagnose failures, retry likely flaky failures up to 3 times, auto-fix/push branch-related issues when appropriate, and report fresh review feedback. Use when the user asks Codex to monitor a PR, watch CI, handle review comments, or keep an eye on failures and feedback on an open PR.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

heyAyushh/stacc32026년 9월 21일 업데이트

Expert Bash help for writing, debugging, and optimizing safe, portable shell one-liners and scripts on macOS/Linux. Use when users ask for Bash or POSIX sh commands, script reviews, ShellCheck fixes, quoting/pipeline issues, process/file automation, or converting requirements into shell scripts.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

heyAyushh/stacc32026년 9월 21일 업데이트

heyAyushh의 스킬 모두 보기

이 스킬의 문제 신고