Community画像github.com

himself65/generative-ui

Claudeのビルトイン生成UI(show_widgetツール)用のデザインシステムとガイドラインです。Anthropicの「Imagine」デザインシステムを提供し、Claudeが高品質なウィジェットを生成できるようにします。

generative-ui とは?

このスキルは、Claudeの`show_widget`ツールを使用して、対話内にインタラクティブなHTML/SVGウィジェットを埋め込むためのデザインシステムとガイドラインを提供します。Anthropicの「Imagine」デザインシステムを完全に実装しているため、Claudeは`read_me`を呼び出すことなく、高品質なウィジェットを即座に生成できます。データの可視化、インタラクティブチャート、ダッシュボード、フローチャート、モックアップ、またはスライダーやトグルを使用したライブ更新ツールなど、あらゆるビジュアルコンテンツの作成要求に応じて自動的にトリガーされます。これにより、ユーザーはプレーンテキストやMarkdownを超えたリッチで動的なビジュアル表現を、追加の手順なしでClaudeから直接受け取ることができます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/himself65/finance-skills/tree/main/skills/generative-ui

Installed? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

generative-ui は何をしますか?

Claudeのビルトイン生成UI — show_widgetツール用のデザインシステムとガイドラインです。このツールは、claude.aiの対話内にインタラクティブなHTML/SVGウィジェットをインラインでレンダリングします。このスキルは、完全なAnthropic「Imagine」デザインシステムを提供するため、Claudeはread_meを呼び出すことなく高品質なウィジェットを生成できます。ユーザーがデータの可視化、インタラクティブチャートの作成、ダッシュボードの構築、図のレンダリング、フローチャートの描画、モックアップの表示、インタラクティブな説明の作成、またはプレーンテキストやMarkdownを超えた視覚的なコンテンツの生成を求める場合に、このスキルを使用してください。トリガーとなるフレーズには、「表示して」「可視化して」「描いて」「チャート」「ダッシュボード」「図」「フローチャート」「ウィジェット」「インタラクティブ」「モックアップ」「イラスト」「Xがどのように動作するか説明して」(視覚付き)、または視覚的/インタラクティブな出力を求めるあらゆるリクエストが含まれます。また、ユーザーが財務データを視覚的に表示したい場合、比較グリッドを作成したい場合、またはスライダー、トグル、ライブ更新ディスプレイを備えたツールを構築したい場合にもトリガーされます。

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

himself65/hormuz-strait

Check the current status of the Strait of Hormuz — shipping transit data, oil price impact, stranded vessels, insurance risk levels, diplomatic developments, and global trade impact. Use this skill whenever the user asks about the Strait of Hormuz, Hormuz chokepoint, Persian Gulf shipping risk, oil transit disruption, war risk premium in the Gulf, Middle East shipping routes, tanker traffic through Hormuz, oil supply chain risk, or geopolitical risk affecting energy markets. Triggers include: "Hormuz status", "Strait of Hormuz", "is Hormuz open", "shipping through the Gulf", "oil chokepoint", "Persian Gulf tanker traffic", "war risk premium", "Hormuz crisis", "energy supply chain risk", "oil transit disruption", "Middle East shipping", any mention of Hormuz or Persian Gulf in context of oil, shipping, or geopolitical risk.

himself65/options-payoff

Generate an interactive options payoff curve chart with dynamic parameter controls. Use this skill whenever the user shares an options position screenshot, describes an options strategy, or asks to visualize how an options trade makes or loses money. Triggers include: any mention of butterfly, spread (vertical/calendar/diagonal/ratio), straddle, strangle, condor, covered call, protective put, iron condor, or any multi-leg options structure. Also triggers when a user pastes strike prices, premiums, expiry dates, or says things like "show me the payoff", "draw the P&L curve", "what does this trade look like", or uploads a screenshot from a broker (IBKR, TastyTrade, Robinhood, etc). Always use this skill even if the user only provides partial info — extract what you can and use defaults for the rest.

himself65/stock-correlation

Analyze stock correlations to find related companies and trading pairs. Use when the user asks about correlated stocks, related companies, sector peers, trading pairs, or how two or more stocks move together. Triggers: "what correlates with NVDA", "find stocks related to AMD", "correlation between AAPL and MSFT", "what moves with", "sector peers", "pair trading", "correlated stocks", "when NVDA drops what else drops", "stocks that move together", "beta to", "relative performance", "supply chain partners", "correlation matrix", "co-movement", "related tickers", "sympathy plays", "semiconductor peers", "hedging pair", "realized correlation", "rolling correlation", or any request about stocks that move in tandem or inversely. Also triggers for well-known pairs like AMD/NVDA, GOOGL/AVGO, LITE/COHR. If only one ticker is provided, infer the user wants correlated peers.

himself65/twitter-reader

Read Twitter/X for financial research using opencli (read-only). Use this skill whenever the user wants to read their Twitter feed, search for financial tweets, view bookmarks, look up user profiles, or gather market sentiment from Twitter/X. Triggers include: "check my feed", "search Twitter for", "show my bookmarks", "who follows", "look up @user", "what's trending about", "market sentiment on Twitter", "what are people saying about AAPL", "recent tweets from @elonmusk", "show me @user's posts", "fintwit", any mention of Twitter/X in context of reading financial news or market research. This skill is READ-ONLY — it does NOT support posting, liking, retweeting, or any write operations.

himself65/yfinance-data

Fetch financial and market data using the yfinance Python library. Use this skill whenever the user asks for stock prices, historical data, financial statements, options chains, dividends, earnings, analyst recommendations, or any market data. Triggers include: any mention of stock price, ticker symbol (AAPL, MSFT, TSLA, etc.), "get me the financials", "show earnings", "what's the price of", "download stock data", "options chain", "dividend history", "balance sheet", "income statement", "cash flow", "analyst targets", "institutional holders", "compare stocks", "screen for stocks", or any request involving Yahoo Finance data. Always use this skill even if the user only provides a ticker — infer intent from context.

関連スキル