القائمة
Confeti client에서 Amplitude click/show 이벤트를 TS-first 규칙으로 추가할 때 사용.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | confeti-analytics-event-logging |
| description | Confeti client에서 Amplitude click/show 이벤트를 TS-first 규칙으로 추가할 때 사용. |
| license | MIT |
| metadata | {"author":"codex","version":"1.0.0"} |
LogClickEvent, LogShowEvent를 추가하거나 수정할 때click-events.ts, show-events.ts에 이벤트를 정의할 때snake_case로 작성한다.params로 보낸다.show 이벤트 정의는 항상 name, type, params? 형태를 따른다.show.type은 'page' | 'component' 중 하나다.snake_case로 작성하고, UI가 아닌 사용자 행동과 노출 대상을 기준으로 정의해요.apps/client/src/shared/analytics/events/click-events.tsapps/client/src/shared/analytics/events/show-events.tsapps/client/src/shared/analytics/events/types.tsapps/client/src/shared/analytics/logging.tsxapps/client/src/shared/analytics/track.tsexport const clickEvents = [
{
name: 'click_withdraw_confirm',
params: {
reason: { type: 'string', required: false },
},
},
] as const satisfies ClickEventDefinitions;
export const showEvents = [
{
name: 'show_withdraw_confirm_dialog',
type: 'component',
},
] as const satisfies ShowEventDefinitions;
<LogShowEvent name="show_withdraw_confirm_dialog" />
<LogClickEvent name="click_withdraw_confirm" params={{ reason }}>
<Button onClick={handleConfirm} />
</LogClickEvent>
track(...)를 페이지 코드에서 직접 호출하는 것show 이벤트의 type을 사용처에서 직접 넘기는 것_button, _icon 같은 UI 맥락을 이벤트명에 사용하는 것Confeti 프로젝트 PR 생성 워크플로우. 브랜치 생성, 커밋 분리, PR 템플릿 작성, gh CLI 사용법을 포함. 코드 변경 후 PR을 올려야 할 때 사용.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.