AGENT SKILL

start-app

Start the CoreAI Sandbox dev server and open it using available browser tools. USE WHEN: the user asks you to "start the app", "run the dev server", "open the app", or "launch CoreAI Sandbox".

License 许可
CC-BY-4.0
最近更新
2026-11-06
Stars
★ 2
Forks
1

01 前言 Front Matter

name
start-app
description
Start the CoreAI Sandbox dev server and open it using available browser tools. USE WHEN: the user asks you to "start the app", "run the dev server", "open the app", or "launch CoreAI Sandbox".

03 SKILL.md 正文

Start the App

Run the app startup and then open the app using the available browser tools. Use terminal commands and process-management tools appropriate to the current operating system.

Read apps/prototype/README.md for any setup or configuration instructions before starting the app.

First, check whether the app is already available at http://127.0.0.1:5174/. Reuse the running server when it is healthy. Vite binds to 127.0.0.1 on strict port 5174; do not assume a different port.

If startup fails because dependencies are missing, run npm install from the repository root. For persistent setup errors, follow the CoreAI Prototype local setup guide and report the actual error.

If no server is running, start npm run prototype from the repository root (or npm --workspace apps/prototype run dev) using the available terminal tool's background execution. Background execution is appropriate because the development server must remain active while work continues. Keep the returned process or session identifier so the server can be stopped later. If the user needs the server left running after the response, use supported persistent background execution when permitted; session-attached background servers can keep the chat active. Stop assistant-owned session-attached validation servers before finishing, and never stop a user-owned server without permission. If persistent background execution is unavailable, explain the limitation instead of promising a persistent server.

Do not poll the terminal or add artificial delays. Use the initial execution output or an automatic notification, when provided, to identify readiness or errors, and verify that the app responds at its URL. Use the available terminal tools with the returned identifier when background output is needed or the server must be stopped. Target the specific process or session, not all processes with the same executable name. A persistent server need not exit to be ready.

Once the server is ready, discover the available browser tools to open, inspect, and interact with http://127.0.0.1:5174/; use targeted browser scripting when the other browser tools are insufficient. If the first navigation occurs while Vite is still compiling and renders blank, confirm the server is responsive and reload once.

If browser tools are unavailable, give the user the URL instead of restarting the workflow. Leave a user-owned or permitted persistent background development server running; apply the assistant-owned session-attached-server cleanup rule above.

04 同仓库更多 Skills

microsoft
microsoft/coreai-design-system

coreai-ds-fluentui-react

MANDATORY for @coreai-ds/react-components work. Use the CoreAI documentation MCP to discover components, props, stories, templates, and implementation patterns. If the MCP is unavailable, stop and ask the user to enable or troubleshoot it with you.

前端开发Skill与智能体开发
★ 2
microsoft
microsoft/coreai-design-system

state-management

CoreAI Sandbox's simplified TanStack Query + mock-JSON data layer. USE WHEN: editing data-fetching hooks (`app/hooks/use*.ts`), adding mock data in `app/data/`, or wiring a component to query state.

★ 2
microsoft
microsoft/coreai-design-system

routing

React Router v7 routing conventions for this SPA. USE WHEN: editing `app/routes.ts`, adding/removing a route, or changing navigation.

★ 2
microsoft
microsoft/coreai-design-system

react-components

CoreAI Sandbox component usage: import boundaries, CoreAI MCP documentation, and local adapter inspection. USE WHEN: editing any `*.tsx` file, picking a component, or writing component imports.

前端开发Skill与智能体开发
★ 2
microsoft
microsoft/coreai-design-system

new-variant

Create a new design variant or alternative for a page using the built-in feature/variant system. USE WHEN: a designer wants to try a different layout, create an "option B" or "version 2", compare designs side by side, add an A/B alternative, or explore an alternate version. Do NOT build a custom toggle solution.

视觉设计
★ 2
microsoft
microsoft/coreai-design-system

lint

Run the full lint workflow: format, typecheck, CSS lint, JS lint. USE WHEN: the user asks to "lint", "fix lint", "run the linters", "check types", or after making code changes that need verification.

代码审查
★ 2