Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentAvançado

Preview Dev — Frontend & Fullstack Development with Live Preview

porstarchild-ai-agent·starchild-ai-agent· v1.0.0 · atualizado em 2026-04-10
84
Score

Frontend & fullstack development with live preview. Use when the user wants to build a web page, frontend app, fullstack project, or any web UI — including React, Vue, Vite, static HTML, Express, FastAPI, or any framework that produces a browser-viewable result. Also use when the user wants to deploy, publish, or share a preview to the public internet (community publish).

web-developmentfrontend-developmentfullstack-developmentlive-previewreactvuebackend-development
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdpreview-dev/workflow
1. Analyze user requirements and determine the project type (e.g., static HTML, React app, backend API). 2. Write or modify code to create a runnable project. 3. Check the code to confirm the correct port number for the application. 4. Start the preview server using `preview_serve` with the correct directory, command, and port. 5. Verify the preview is healthy by checking the `health_check` field in the response. 6. If issues are reported, diagnose using `preview_check` and `read_file`, then fix in place using `edit_file`. 7. Restart the preview with `preview_stop` and `preview_serve` using the same directory and port. 8. If the user wants to share the preview publicly, use `community_publish` to create a public URL.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aTailwind CSS Advanced Layout Techniques
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aTailwind CSS Development Patterns
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar aTypeScript + React 19 Code Review Expert
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

Preview Dev — Frontend & Fullstack Development with Live Preview
preview-dev
Fases Cognitivas6
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.ACT
5.EVALUATE
6.REFLECT
Triggers9
build a web pagecreate a frontend applicationdevelop a fullstack projectpreview my websitedeploy my web applicationshare a preview of my websitepublish my web projectcreate a react appcreate a vue app

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download preview-dev
$ synaptic skills detail preview-dev
$ synaptic skills live preview-dev

Dependências

npmpipvitereactvueexpressfastapistreamlitgradio

Links

GitHub Repository