القائمة
TwinMe (Soul Signature) frontend design rules — dark-only Claura system, glass surfaces, anti-generic-AI-design guidance. Use when building or reviewing any TwinMe UI.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
TwinMe development patterns for memory stream services, platform integrations, API endpoints, and twin chat context. Use when creating new backend services, API routes, or platform connectors.
Use when running the autonomous twin quality research loop — sets up a branch, runs the fixed eval harness, modifies twin-config.js, and loops forever keeping improvements. Invoke with /twin-research.
Add new OAuth platform connectors to Twin Me Soul Signature Platform. Use when the user wants to integrate a new platform (Spotify, Netflix, LinkedIn, TikTok, etc.) for soul signature data extraction.
استنادا إلى تصنيف SOC المهني
| name | soul-signature-design |
| description | TwinMe (Soul Signature) frontend design rules — dark-only Claura system, glass surfaces, anti-generic-AI-design guidance. Use when building or reviewing any TwinMe UI. |
| user-invocable | false |
"Perhaps we are searching in the branches for what we only find in the roots." - Rami
TwinMe's design captures authentic personality, not generic AI personas.
The authoritative token spec lives in twin-ai-learn/CLAUDE.md ("Design System
(Dark Mode — Claura)") and src/index.css. This skill is the philosophy +
anti-pattern layer; never restate token values here — they drift (a previous
version of this skill described a light ivory theme long after the product
went dark, and actively sabotaged design work).
Dark-only. #13121a night-sky base with four sun-driven ambient gradient orbs
(amber/copper + one purple accent). Every card/panel is dark glass:
rgba(255,255,255,0.06) fill, blur(42px), rgba(255,255,255,0.10) border.
Primary CTA is a light pill — #F5F5F4 background, #110f0f text,
rounded-[100px]. Sidebar is FLAT (no rounded pill edges). ThemeContext is
hard-locked dark; there is no light mode.
Instrument Serif — hero/display/auth titles and narrative voice only.
Always negative letter-spacing.Geist/Inter — ALL UI text (body, labels, buttons, nav). 500 is the
base body weight. (A previous version of this skill said "avoid Inter" —
that's the OLD light theme talking; ignore any such instinct.)rounded-[46px]; floating navbar rounded-[32px] pill;
active sidebar nav = full pill fill, never an underline or left border.cubic-bezier(0.4, 0, 0.2, 1)); content
reveals 200-300ms; page transitions 300-500ms.