メニュー
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.