Debug, modify, or extend the Contact cube face in the home UI.
npx skills add https://github.com/peTMat-dev/private-chatting-app --skill contact-face
Please help me install this Agent Skill. Skill: contact-face Source: https://github.com/peTMat-dev/private-chatting-app/tree/main/.claude/skills/contact-face Command: npx skills add https://github.com/peTMat-dev/private-chatting-app --skill contact-face
Debug, modify, or extend the Contact cube face — the left face of the 3D cube UI in home/page.tsx. Use when asked to fix contact add/remove bugs, add new contact sections, update contact API routes, or change contact UI/UX.
Start by inspecting the Contact Face UI in client/src/app/home/page.tsx and reproduce the issue to begin debugging.
High-intent search queries and answers about installing and using this skill.
To fix Contact face UI bugs, inspect the UI state and handlers in client/src/app/home/page.tsx, then reproduce the issue to begin debugging the TypeScript state references and CSS classes. API helpers are in client/src/lib/api.ts.
Adding contact sections requires updating i18n strings in client/src/lib/i18n.ts across all languages and adding corresponding TypeScript types. The skill documentation provides state references and warns against incomplete i18n coverage as a common mistake.
The Contact face API does not support contact requests, block/unblock, or pending/approved/rejected UI states yet. These features are marked as NYI (Not Yet Implemented) in the skill documentation.
Privacy rules in the contact API routes prevent exposing private user existence. Server routes in server/src/routes/contacts.ts implement get/add/remove/request endpoints with stored procedures that enforce these privacy constraints.
Proper stored procedure unwrapping is required when using the DB query helper in server/src/services/db.ts. The skill documentation lists avoiding improper SP unwraps as a common mistake, referencing the schema in client/create_cubcha_v1.sql.
Optimistic UI updates should be avoided when modifying the Contact cube face. The skill documentation explicitly lists avoiding optimistic UI as a common mistake, recommending standard state updates through the documented handlers instead.
MadAppGangGenerate TypeScript types, axios clients, and TanStack Query hooks from OpenAPI specs.
Miosa-osaCreate structured approval requests and track their lifecycle states.
LevironexeStandardize schema-first Drizzle ORM structure for TypeScript database projects.
sdcorejsBuild a Next.js contact form with zod validation and Resend email delivery.
