设计与 UI
界面设计、视觉系统和产品 UI
Skills 列表
tailwindcss
Tailwind CSS 实用优先的 CSS 框架。适用于使用实用类样式化 Web 应用、构建响应式设计或使用主题变量自定义设计系统。
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
tg-bot-binding
Telegram bot binding: create the bot, connect to Starchild, verify, troubleshoot. Use when setting up Telegram delivery (e.g. add my TG bot, bot binding code, fix "telegram not pushing", whitelist a TG username).
starchild-ai-agentimage-create
Pure text-to-image generation for all creative scenarios (no reference photo). Covers logo design, poster design, illustration, meme, game assets, social media content, 3D rendering, education, fashion, food, pet, wedding, holiday marketing, and artistic styles. Use when generating images from text descriptions without a reference photo (e.g. design a logo, create a poster, generate game art, make a meme, 3D render).
starchild-ai-agent
follow-the-crypto
Trace cryptocurrency addresses and transactions on public blockchains using block explorers including Etherscan, Blockchair, mempool.space and Blockscout. Covers common-input clustering, ENS resolution, exchange deposit addresses, mixers, CoinJoin, Tornado-style pools, cross-chain bridges, and OFAC sanctions screening. Use when following a Bitcoin or Ethereum wallet, investigating where a ransom or scam payment went, or checking an address against sanctions listings. Applies to ransomware incident response, AML and sanctions compliance, fraud recovery and asset tracing, and financial-crime investigation. Reference at useosint.com/skills/follow-the-crypto.
useosintfollow-the-crypto
Trace cryptocurrency addresses and transactions on public blockchains using block explorers including Etherscan, Blockchair, mempool.space and Blockscout. Covers common-input clustering, ENS resolution, exchange deposit addresses, mixers, CoinJoin, Tornado-style pools, cross-chain bridges, and OFAC sanctions screening. Use when following a Bitcoin or Ethereum wallet, investigating where a ransom or scam payment went, or checking an address against sanctions listings. Applies to ransomware incident response, AML and sanctions compliance, fraud recovery and asset tracing, and financial-crime investigation. Reference at useosint.com/skills/follow-the-crypto.
useosintproject-builder
端到端项目工程：设计、增量构建、验证、系统化调试。 在构建用户要求的软件、仪表盘、定时任务或 Web 应用时使用（例如构建价格监控器、每日摘要任务、发布 API）。
starchild-ai-agentslide-creator
构建 16:9 幻灯片演示文稿，以 HTML 格式制作并导出为 PDF（非 PowerPoint 格式）。 适用于制作演示文稿、演讲或路演（例如：X 产品的 10 页路演幻灯片、Y 主题的培训课程、季度业绩汇报演示）。
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
filament-pro
Build Laravel admin panels with Filament v5. Use for creating resources, forms, tables, widgets, and testing admin interfaces with Livewire v4.
marcelorodrigo
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
awwwards-landing-page
Designer portfolio with Locomotive Scroll, GSAP, and Framer Motion animations.
rebyteai-template
open-pencil
Work with Figma .fig design files and the running OpenPencil editor — inspect structure, query nodes, analyze design tokens, export PNG/SVG/PDF/JSX, and modify designs programmatically. Use when asked to open, inspect, export, analyze, or edit .fig files, or to control the running OpenPencil app.
open-pencil
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
loops-lmx
Use this skill whenever LMX is used, produced, reviewed, migrated, or modified. This includes composing campaigns, loops, lifecycle emails, or email-message bodies for the Loops editor or Content API. LMX (Loops Markup Language) is the format used for Loops email content. Trigger on phrases like "create a campaign", "generate an email", "write a welcome email", "draft a lifecycle email", "build an email template", "create an onboarding email", "copy this into LMX", "migrate this email", "convert this email to LMX", "design a new Loops email", "use imagegen for a Loops email", "use gpt-image for an LMX reference", "visual reference for a Loops email", "LMX", "Loops email", or any request to produce, copy, migrate, convert, review, or modify email body content intended for Loops. For net-new emails or major visual redesigns, follow this skill's Net-New Email Design Flow before generating or sourcing new visual assets. Source copy, existing HTML, MJML, Markdown, screenshots, and migration instructions do not bypass this skill's rules unless the user explicitly overrides a specific rule. Do not trigger for questions about the Loops HTTP API, SDK integration, or CLI unless email body content is also involved.
loops-so
ui-design-system
使用 TailwindCSS + Radix + shadcn/ui 构建 React UI 组件系统。技术栈：TailwindCSS（样式）、Radix UI（原语）、shadcn/ui（组件）、React/Next.js。能力：设计系统架构、无障碍组件、响应式布局、主题化、暗色模式、组件组合。操作：审查、设计、构建、改进、重构 UI 组件。关键词：TailwindCSS、Radix UI、shadcn/ui、设计系统、组件库、无障碍、ARIA、响应式、暗色模式、主题化、CSS 变量、组件架构、原子设计、设计令牌、变体、插槽、组合。适用场景：构建组件库、实现 shadcn/ui、创建无障碍 UI、搭建设计系统、添加暗色模式/主题化、审查 UI 组件架构。
samhvw8
esp32-firmware-engineer
ESP32 firmware engineering for ESP-IDF projects. Write, review, and debug embedded C/C++ code involving FreeRTOS tasks/queues/timers, GPIO/I2C/SPI/UART/ADC/PWM peripherals, TWAI/CAN, Wi-Fi/BLE networking, OTA updates, Secure Boot and flash encryption, LVGL display integration, build/flash/monitor workflows, logging, crash analysis, memory/code-size optimization, low-power sleep/wakeup design, on-device USB/serial service terminals, and board bring-up. Use when an agent is asked to implement ESP-IDF firmware features, review embedded changes for correctness or race conditions, investigate boot/runtime failures or Guru Meditation panics, interpret serial logs, fix build/link/flash problems, optimize RAM/flash usage, tune deep sleep/light sleep behavior, harden firmware for production, add a service console/CLI, integrate a display with LVGL, or diagnose hardware-software integration issues on ESP32-class devices.
adamlipecz
elite-powerpoint-designer
创建世界级的PowerPoint演示文稿，具备专业设计、一致品牌、精致动画和清晰的视觉层次。当用户请求演示文稿、幻灯片、推介、报告，或希望将Markdown转换为具有Apple/Microsoft/Google级别质量的PowerPoint时使用。
willem4130
anti-render
智能识别图像内容并生成"理想承诺 vs 残酷现实"风格的视觉对比。触发词："anti-render"、"理想vs现实"、"对比图"、"渲染vs真实"。适用于任何领域：建筑、人像、产品、食物、旅游、游戏、健身、家居、科技等。
lionad-morotar
codex-theme-switcher
Apply, switch, and restore Codex desktop themes from the local ~/.codexthemes library with one command, and report which theme is currently active. Use when a user asks to apply or activate a theme they created or installed, switch between installed themes, restore the native Codex look, or check or debug which theme is currently applied.
codexthemes
game-design-document
Generates professional, publisher-grade Game Design Documents (GDD) as polished .docx and .pdf files. Turns a game concept into a comprehensive 40-80 page document covering core gameplay loop, mechanics, UX flows, art direction, monetization strategy, technical requirements, and competitive analysis. Also generates companion pitch decks (.pptx) and one-page pitches. Use when users want to create a GDD, game pitch, game concept document, or game design specification.
ityes22
solana-mobile-wallet
Connect Solana wallets and sign or send transactions in React Native Expo apps using Mobile Wallet Adapter and Wallet UI. Use when adding a connect wallet button, showing a connected address, disconnecting, signing messages, sign-in with Solana, transferring SOL, or sending any transaction from a Solana mobile app.
solana-mobile