preview-dev 是做什么的？
前端与全栈开发，支持实时预览。当用户想要构建网页、前端应用、全栈项目或任何 Web UI（包括 React、Vue、Vite、静态 HTML、Express、FastAPI 或任何能产生浏览器可视结果的框架）时使用。也用于当用户想要部署、发布或向公共互联网共享预览（社区发布）时。
前端与全栈开发，支持实时预览。当用户想要构建网页、前端应用、全栈项目或任何 Web UI（包括 React、Vue、Vite、静态 HTML、Express、FastAPI 或任何能产生浏览器可视结果的框架）时使用。也用于当用户想要部署、发布或向公共互联网共享预览（社区发布）时。
starchild-ai-agent/preview-dev 是一个专注于前端与全栈开发的 AI 助手技能，其核心能力在于提供实时预览功能。该技能适用于构建网页、前端应用、全栈项目或任何基于浏览器展示的 Web UI，涵盖了 React、Vue、Vite、静态 HTML、Express、FastAPI 等主流框架和技术栈。它特别适合当开发者需要快速迭代并实时查看开发效果，或者希望将自己的项目预览部署、发布到公共互联网（社区发布）以便分享给他人时使用。该技能通过自动检测项目类型、配置开发服务器，并生成可公开访问的预览链接来简化工作流。支持多种 AI 平台，如 Claude Code、Cursor、Codex 等，能够无缝集成到现有的开发环境中，帮助开发者显著提升开发和协作效率。
npx skills add https://github.com/starchild-ai-agent/official-skills/tree/main/skills/preview-dev前端与全栈开发，支持实时预览。当用户想要构建网页、前端应用、全栈项目或任何 Web UI（包括 React、Vue、Vite、静态 HTML、Express、FastAPI 或任何能产生浏览器可视结果的框架）时使用。也用于当用户想要部署、发布或向公共互联网共享预览（社区发布）时。
This repo contains 20 individual skills — each has its own dedicated page.
Preview panel and iframe diagnostics: registry, ports, paths, blank screens. Use when a preview tab is broken or missing (e.g. white screen, tab disappeared, 404 on assets, preview not loading, list running services).
Register a custom LLM endpoint with your own API key for chat in Starchild. Use when adding a personal Anthropic, OpenAI, Grok, Qwen, DeepSeek, NEAR AI, or Venice key as a chat model (e.g. add my Claude key, register DeepSeek).
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).
Generate TradingView-style candlestick charts with indicators. Use when the user wants a visual chart, price visualization, or technical analysis plot.
Connect a ChatGPT or Codex subscription via OAuth device-code login. Use when the user wants to sign in with their ChatGPT Plus, Pro, or Team account (e.g. "use my Codex subscription", "log in with ChatGPT").
Code specialist for writing, debugging, and technical implementation. Use when the user needs code written, bugs fixed, files edited, or features built.
Crypto spot prices, OHLC charts, market discovery, and global stats. Use when looking up coin prices, market caps, trending coins, sector rankings, or comparing tokens (e.g. BTC price, ETH chart, top gainers).
Crypto derivatives data: funding rates, open interest, liquidations, long/short ratios. Use when researching perp markets, tracking Hyperliquid whale positions, or comparing ETF flows (e.g. BTC funding, ETH OI, liquidation heatmap).
Share or open-source any project the user has built — a running preview/service, a project directory, a dashboard, or scripts. Use whenever the user wants to publish, share, make public, list, distribute, deploy publicly, or open-source something. Three independent actions — publish_preview (allocate a public URL for a running service), list_in_dashboard (show it on the public Project Dashboard for discovery), open_source (push project source to the community GitHub repo). Do NOT search the filesystem for publish-related code or write custom deploy/upload scripts — this skill is the single entry point.
Composio gateway: act on 1000+ connected apps like Gmail, Slack, GitHub, Calendar. Use when the user wants to act in a connected SaaS app (e.g. send Gmail, create Notion page, add Calendar event, open a GitHub issue).
Trade perp futures, spot, and RWA on Hyperliquid DEX with up to asset max leverage. Use when placing perp or spot orders, setting TP/SL, or moving funds on Hyperliquid (e.g. long BTC 5x, sell ETH, deposit USDC, set stop).
Agent onboarding for Orderly Network - omnichain perpetual futures infrastructure, MCP server, skills, and developer quickstart
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).
Scaffold new skills with valid frontmatter, directory layout, and a starter SKILL.md. Use when building a new reusable workflow or wrapping a new API (e.g. create a kalshi skill, scaffold an API helper, start a charting skill).
Search, install, and publish skills across official, community, and global registries. Use when finding or sharing skills (e.g. install a "funding rate" skill, list installed skills, publish my custom skill to the registry).
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).
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).
Stocks, forex, and commodities prices: real-time quotes and historical bars. Use when looking up traditional-market prices (e.g. AAPL quote, EUR/USD chart, gold price, SPY history). Not for crypto.
Twitter/X data: fetch tweets, search, user profiles, followers, replies, trends. Use for any x.com or twitter.com URL or lookup (e.g. summarize this tweet, recent posts by @vitalikbuterin, search $SOL min_faves:50).
Onboarding script for first-time Starchild users: positioning, quick wins, discovery. Use when the user is new or vague (e.g. "what can you do", "I don't know where to start", first session with no context, generic hello).
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
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".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".