展示「地图指挥官」技能在对话中返回特效HTML的效果
用户提问后,AI返回的完整响应应包含:
1. 简要文字说明(1-2句话)
2. HTML代码块(用```html包裹)
示例代码:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<style>
/* 赛博朋克配色 */
:root {
--primary: #00d4ff;
--secondary: #7b2dff;
--accent: #ff00ff;
}
/* 卡片悬浮特效 */
.card:hover {
transform: translateY(-5px);
box-shadow: 0 0 30px rgba(0, 212, 255, 0.5);
}
/* 渐变文字 */
.gradient-text {
background: linear-gradient(135deg, var(--primary), var(--accent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div class="card">
<h2 class="gradient-text">搜索结果</h2>
<!-- 内容 -->
</div>
</body>
</html>
```
💡 以上示例展示了如何在对话中返回带有炫酷特效的HTML内容
查看完整技能文档