设计与 UI
界面设计、视觉系统和产品 UI
Skills 列表
magicpath
Use MagicPath through the magicpath-ai CLI to find, preview, inspect, install, export, create, and edit UI components and manage MagicPath skills. Trigger for MagicPath designs/components; personal or team projects; active canvases and selected components/images/revisions; themes/design systems; teams, members, ownership, attribution, installed-component audits, and share/view links. Use when exporting exact MagicPath components or revisions to local folders/apps; replacing, adapting, or translating local UI with 1:1 fidelity and explicit requested changes; installing React/TypeScript components with inspect/add; authoring responsive interactive canvas components with code start/submit; importing or recreating UI from local paths or GitHub/GitLab/Bitbucket repositories into MagicPath; or creating, retrieving, updating, importing, enabling, disabling, or deleting MagicPath skills. In hosts with an embedded browser, keep the project canvas open via share URLs for visual work.
magicpathai
understand-anything-knowledge-graph
Turn any codebase into an interactive knowledge graph using Claude Code skills — explore, search, and ask questions about any project visually.
aradotso
clean-ddd-hexagonal
Proactively apply when designing APIs, microservices, or scalable backend structure. Triggers on DDD, Clean Architecture, Hexagonal, ports and adapters, entities, value objects, domain events, CQRS, event sourcing, repository pattern, use cases, onion architecture, outbox pattern, aggregate root, anti-corruption layer. Use when working with domain models, aggregates, repositories, or bounded contexts. Clean Architecture + DDD + Hexagonal patterns for backend services, language-agnostic (Go, Rust, Python, TypeScript, Java, C#).
ccheney
longbridge-fundamentals
Financial statements, business segments, dividends, valuation multiples (PE/PB/PS), industry comparison, operating data, corporate actions, company and executive profiles, cross-stock comparison, and valuation ranking via Longbridge. Also: DCF models, value investing screens (low PE/PB, margin of safety), and behavioral finance analysis frameworks. Triggers: "财报", "三表", "利润表", "资产负债", "现金流", "估值", "PE", "PB", "分红", "公司信息", "高管", "行业估值", "并购", "DCF", "内在价值", "低估值", "安全边际", "行为金融", "小盘成长", "专精特新", "主营业务", "业务构成", "收入结构", "业务分析", "是做什么的", "是干嘛的", "公司画像", "行业排名", "行业龙头", "市场份额", "收入占比", "业务结构", "財報", "估值", "分紅", "內在價值", "安全邊際", "主營業務", "業務構成", "收入結構", "行業排名", "行業龍頭", "financial report", "income statement", "balance sheet", "valuation", "dividend", "company info", "industry valuation", "DCF", "value screen", "behavioral finance", "main business", "business composition", "revenue structure", "what does XX do", "industry ranking", "market share", "利潤表", "資產負債", "現金流", "行業估值", "併購", "行為金融", "小盤成長"
longbridgelongbridge-value-investing
Value investing analysis using Graham (NCAV/net-net/defensive-investor) and Buffett (economic moat/ROE/FCF) methodologies. Covers single-stock diagnostics and batch screening for both Graham cigar-butt and Buffett quality-compounder criteria. Runs cross-statement reconciliation before scoring. Data from Longbridge CLI first, MCP fallback, WebSearch only for genuine gaps. Triggers: "格雷厄姆", "巴菲特", "捡烟蒂", "烟蒂股", "NCAV", "净流动资产", "护城河", "价值投资", "安全边际", "深度价值", "撿煙蒂", "煙蒂股", "淨流動資產", "護城河", "安全邊際", "Graham", "Buffett", "cigar butt", "net-net", "NCAV screen", "moat", "value investing", "margin of safety", "deep value", "quality compounder", "價值投資", "深度價值", "防御型投资者", "防禦型投資者"
longbridgelongbridge-quant
Quantitative strategy frameworks: pairs trading/cointegration, volatility regime strategies, seasonality/calendar effects, multi-factor models (IC/IR), factor research and screening, correlation analysis, statistical methods (ADF/GARCH), strategy optimization, execution modeling, hedging, and ML-based prediction (sklearn). Also provides CLI access to run indicator scripts against K-line data. Triggers: "量化", "因子", "配对交易", "协整", "波动率策略", "季节性", "多因子", "IC", "机器学习", "对冲", "量化策略", "協整", "波動率策略", "季節性", "多因子", "對沖", "quant", "pairs trading", "cointegration", "volatility strategy", "seasonality", "multi-factor", "factor model", "IC IR", "machine learning", "hedging", "walk-forward", "配對交易", "機器學習", "因子選股"
longbridge
msw-ui-system
MSW `.ui` single entry point — design + component API + builder + runtime. Anchor/pivot/RectTransform, UIGroup/CanvasGroup hierarchy, layout recipes (HUD/popup/toast/menu/inventory/scroll-list), full API tables for ButtonComponent/TextGUIRendererComponent/SpriteGUIRendererComponent/ScrollLayoutGroup/GridView/TextInput/Slider/Mask/AvatarGUIRenderer + UI enums (AlignmentType/TextOverflowMode/ImageType/FillAmount), `.mlua` runtime patterns (popup open-close, toast, HP bar, GridView, drag, tab, cooldown, world nametag), UI-client-only caveats (nil on server, no RPC), `.ui`↔`.mlua` UUID auto-binding (write+injectBindings), resolution/safe-area/touch. UIBuilder (msw_ui_builder.cjs): all node types (empty/panel/text/sprite/button/slider/scrollLayout/textInput/group/mask/gridView/avatar/skeleton etc.), component add/replace/patch/remove, 13 anchor presets+stretch, auto-inject .mlua UUID bindings after write.
msw-git
tailwindcss
Tailwind CSS utility-first CSS framework. Use when styling web applications with utility classes, building responsive designs, or customizing design systems with theme variables.
hairyf
gpt-image-2
使用 RunComfy 上的 OpenAI GPT Image 2（ChatGPT Images 2.0）生成和编辑图像。文档介绍了 GPT Image 2 的优势（嵌入文本、徽标、多语言排版、指令精确性）、其 3 种固定尺寸、保留性编辑语言，以及何时改用其他模型（Flux 2 / Nano Banana Pro / Seedream）。通过本地 RunComfy CLI 调用 `runcomfy run openai/gpt-image-2/text-to-image` 或 `/edit`。触发词包括“gpt image 2”、“gpt-image-2”、“ChatGPT Images 2”、“image 2”或任何明确要求使用此模型生成或编辑的请求。
agentspace-so
project-builder
End-to-end project engineering: design, incremental build, verify, debug systematically. Use when building software, dashboards, scheduled jobs, or web apps the user has asked for (e.g. build a price monitor, daily summary task, ship an API).
starchild-ai-agentslide-creator
Build 16:9 slide decks as HTML, exported to PDF (not PowerPoint format). Use when making a deck, presentation, or pitch (e.g. 10-slide pitch deck for X, training course on Y, quarterly results presentation).
starchild-ai-agentchart
Interactive web charts: line, bar, candle, scatter, with HTML and screenshot output. Use when visualizing data for analysis or BI (e.g. plot BTC vs gold last year, bar chart of revenue by quarter, compare two return series).
starchild-ai-agent
audit-speed
Deep Core Web Vitals and page speed audit. Use when the user asks about page speed, Core Web Vitals, LCP, CLS, INP, FCP, TTFB, Lighthouse scores, why a page is slow, performance optimization, or resource size analysis. For broader technical SEO issues, see diagnose-seo.
calm-north
viral-youtube-shorts
编写和诊断能在Shorts Feed上保持注意力并将观众引导至长视频的YouTube Shorts。当用户需要Shorts脚本、针对VVSA和前3秒优化的钩子、修复表现不佳的Shorts、判断是否应将Shorts链接到长视频，或为其频道构建Shorts到长视频的转化漏斗时使用。涵盖YouTube Shorts算法现在奖励什么（Shorts Feed与长视频分开运行）、如何衡量Shorts留存率，以及影响RPM的YouTube Shorts策略选择（授权音乐分成、创作者池计算、有效观看）。基于模式的病毒式Shorts指导，立足于Shorts通常的表现方式。
vyralcontentviral-hooks
为短视频撰写和点评病毒式钩子：开头1到3秒，决定其余内容是否被观看。当你需要为视频批量构思钩子、想让薄弱开场更强、想选择适合创意的钩子原型、或想根据已验证模式点评草稿钩子时使用。涵盖三层钩子（视觉、口头、屏幕文字）、知名创作者框架（Kallaway、MrBeast、Hormozi、Brunson、Koe、Welsh、Bush、Galloway）、滚动停止钩子策略以及破坏前3秒留存的反模式。适用于TikTok、Reels和Shorts。基于模式的指导可提高成功率，但不保证病毒式传播。
vyralcontentviral-tiktok-content
编写TikTok脚本、TikTok钩子或全新的TikTok视频创意，内容针对FYP实际排名方式量身定制。当用户需要为某主题编写TikTok钩子、希望制作符合TikTok风格的脚本、询问某个片段是TikTok还是Reel、想要改进自己起草的TikTok视频，或者想知道本周值得跟进的TikTok趋势时使用。涵盖TikTok算法信号（用户互动、视频信息、设备和账户）、按时长计算的完播率数学、热门音效时机、合拍、缝合、TikTok Shop节奏以及AI披露制度。基于模式的病毒式TikTok内容指导；能提高登上FYP的几率，但不保证病毒式传播。
vyralcontent
ui-design-system
React UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives), shadcn/ui (components), React/Next.js. Capabilities: design system architecture, accessible components, responsive layouts, theming, dark mode, component composition. Actions: review, design, build, improve, refactor UI components. Keywords: TailwindCSS, Radix UI, shadcn/ui, design system, component library, accessibility, ARIA, responsive, dark mode, theming, CSS variables, component architecture, atomic design, design tokens, variant, slot, composition. Use when: building component libraries, implementing shadcn/ui, creating accessible UIs, setting up design systems, adding dark mode/theming, reviewing UI component architecture.
samhvw8
elite-powerpoint-designer
Create world-class PowerPoint presentations with professional design, consistent branding, sophisticated animations, and polished visual hierarchy. Use when users request presentations, slide decks, pitches, reports, or want to convert markdown to professionally designed PowerPoint with Apple/Microsoft/Google-level quality.
willem4130
ui-ux-pro-max
UI/UX design intelligence. Plan, build, design, implement, review, improve UI/UX code. Styles: image-first, editorial design, minimalism, dark mode, responsive. Projects: landing page, dashboard, SaaS, mobile app.
kimny1143
jackyshen-gen-short-video-script
Generate engaging short video scripts (30s-3min) for social media platforms like WeChat Channels, Douyin, Xiaohongshu, TikTok, and Reels. Use when user asks for "short video script", "WeChat/Douyin/TikTok/XHS content", "social media video content".
mebusw
mies
Use this skill when creating, redesigning, critiquing, reducing, polishing, hardening, or making design decisions for a user-facing interface, brand surface, product UI, component, dashboard, flow, app shell, onboarding, empty state, or visual system. Applies Mies van der Rohe-inspired restraint, the Interface Craft workflow, and anti-generic design discipline. Not for backend-only work.
deeflect
designing-beautiful-websites
Designs UX/UI for websites and web apps: UX strategy, information architecture, user flows, wireframes, UI systems, component specs, and polished visual design. Use when the user asks to design, redesign, modernise, critique, or improve a website, landing page, web app interface, design system, style guide, or UI kit.
tristanmanchester
gpt-image-2
使用 RunComfy 上的 OpenAI GPT Image 2（ChatGPT Images 2.0）生成和编辑图像。本文档介绍了 GPT Image 2 的优势（嵌入文本、标志、多语言排版、指令精确性）、其 3 种固定尺寸、保留性编辑语言，以及何时应转向其他模型（Flux 2 / Nano Banana Pro / Seedream）。通过本地 RunComfy CLI 调用 `runcomfy run openai/gpt-image-2/text-to-image` 或 `/edit`。触发词包括 "gpt image 2"、"gpt-image-2"、"ChatGPT Images 2"、"image 2" 或任何明确要求使用此模型生成或编辑的请求。
doany-ai
gpt-image-2
使用 RunComfy 上的 OpenAI GPT Image 2（ChatGPT Images 2.0）生成和编辑图像。文档介绍了 GPT Image 2 的优势（嵌入文本、徽标、多语言排版、指令精确性）、三种固定尺寸、保留性编辑语言，以及何时转向其他模型（Flux 2 / Nano Banana Pro / Seedream）。通过本地 RunComfy CLI 调用 `runcomfy run openai/gpt-image-2/text-to-image` 或 `/edit`。触发词包括 "gpt image 2"、"gpt-image-2"、"ChatGPT Images 2"、"image 2" 或任何明确要求使用此模型生成或编辑的请求。
runcomfy-com