Community이미지github.com

himself65/generative-ui

Claude의 내장 생성형 UI(show_widget 도구)를 위한 디자인 시스템 및 가이드라인으로, 대화 중 인터랙티브 HTML/SVG 위젯을 인라인으로 렌더링합니다. 이 스킬은 완전한 Anthropic 'Imagine' 디자인 시스템을 제공하여 Claude가 별도의 read_me 호출 없이 고품질 위젯을 생성할 수 있게 합니다.

generative-ui란 무엇인가요?

이 스킬은 Claude의 내장 생성형 UI 기능(show_widget 도구)을 위한 완전한 디자인 시스템과 가이드라인을 제공합니다. 사용자가 데이터 시각화, 인터랙티브 차트, 대시보드, 다이어그램, 순서도, 목업, 인터랙티브 설명 도구 등 일반 텍스트나 마크다운을 넘어서는 모든 시각적 콘텐츠를 요청할 때 자동으로 활성화됩니다. '보여줘', '시각화', '그려줘', '차트', '대시보드', '다이어그램', '순서도', '위젯', '인터랙티브', '목업', '설명해줘' 등의 트리거로 작동하며, 금융 데이터 시각화, 비교 그리드, 슬라이더/토글/실시간 업데이트 도구에도 반응합니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 작동하며, 이 스킬이 활성화되면 Claude는 Anthropic 'Imagine' 디자인 시스템을 활용하여 일관된 스타일의 고품질 위젯을 추가적인 문서 호출 없이 즉시 생성할 수 있습니다.

지원 대상✓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 도구)를 위한 디자인 시스템 및 가이드라인입니다. 이 show_widget 도구는 claude.ai 대화 내에서 인터랙티브 HTML/SVG 위젯을 인라인으로 렌더링합니다. 이 스킬은 완전한 Anthropic 'Imagine' 디자인 시스템을 제공하므로 Claude가 별도의 read_me 호출 없이도 고품질 위젯을 생성할 수 있습니다.

사용자가 데이터 시각화, 인터랙티브 차트 생성, 대시보드 구축, 다이어그램 렌더링, 순서도 그리기, 목업 표시, 인터랙티브 설명 도구 제작, 또는 일반 텍스트나 마크다운을 넘어서는 시각적 콘텐츠 제작을 요청할 때 이 스킬을 사용하세요.

트리거: "보여줘", "시각화", "그려줘", "차트", "대시보드", "다이어그램", "순서도", "위젯", "인터랙티브", "목업", "설명해줘", "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.

관련 스킬