메뉴
Generates UI components, dashboards, and pages using Michael's signature Synthwave / TraderDaddy / Bloomberg aesthetic.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Calculate days, months, and years of sobriety or clean time from a given start date. Shows a recovery milestone card with chip milestones highlighted.
A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".
Ultra-compressed communication mode. Cuts token usage ~75% by dropping filler, articles, and pleasantries while keeping full technical accuracy. Use when user says "caveman mode", "talk like caveman", "use caveman", "less tokens", "be brief", or invokes /caveman.
Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0–10. Outputs a single self-contained HTML report with a radar chart, evidence-backed scores, and three lists: Keep / Fix / Quick-wins. Use when the brief asks for a "design review", "design critique", "5 维度评审", "design audit", or "what's wrong with my design".
Admin / analytics dashboard in a single HTML file. Fixed left sidebar, top bar with user/search, main grid of KPI cards and one or two charts. Use when the brief asks for a "dashboard", "admin", "analytics", or "control panel" screen.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
| name | mph-synthwave-theme |
| description | Generates UI components, dashboards, and pages using Michael's signature Synthwave / TraderDaddy / Bloomberg aesthetic. |
A core styling skill for generating web interfaces, dashboards, and UI components that perfectly match the "Momentum Phinance" (TraderDaddy) brand aesthetic.
Use this skill when the user asks to build or style a UI, dashboard, widget, or web app, OR whenever the user mentions "my style", "my theme", "synthwave", "traderdaddy", "bloomberg terminal", or "neon".
The visual language is a fusion of a high-performance Bloomberg Terminal and a sleek Cyberpunk/Synthwave design. It relies on extremely dark backgrounds to reduce eye strain for traders, punctuated by intense, high-contrast neon accents to draw attention to critical data.
JetBrains Mono or Fira Code. Use monospace fonts for all tables, ticker symbols, prices, and metrics so columns align perfectly.Inter, Roboto, or Outfit. Clean, legible sans-serif for general text.#0a0a0c#121216 or rgba(20, 20, 25, 0.7) (Glassmorphism)#00f0ff (Used for primary borders, active states, key branding)#ff003c (Used for alerts, short positions, destructive actions)#00ff88 (Used for long positions, positive PnL, "EXECUTE" actions)#b026ff (Secondary accent)#ffffff or #eaeaea#888899background: rgba(20, 20, 25, 0.6);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.05);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
rgba(0, 255, 136, 0.1)), a solid neon border, and on hover, intensify the background and add a box-shadow glow.
.btn-execute {
background: rgba(0, 255, 136, 0.1);
border: 1px solid #00ff88;
color: #00ff88;
box-shadow: 0 0 8px rgba(0, 255, 136, 0.2);
transition: all 0.2s ease;
}
.btn-execute:hover {
background: rgba(0, 255, 136, 0.2);
box-shadow: 0 0 15px rgba(0, 255, 136, 0.5);
}
1px solid rgba(255,255,255,0.1)) to separate sections.border-radius: 4px to 8px), not fully pill-shaped.<link> tags for Inter and JetBrains Mono are included via Google Fonts.