원클릭으로 Manus에서 모든 스킬 실행

시작하기

polaris

스타4

포크1

업데이트2026년 6월 9일 04:03

把需求或文案做成一个有设计感、响应式的网站 HTML（自包含单文件）。借力 open-design 风格：玻璃导航 + 渐变大标题 + bento 功能区 + 数据 + 价格卡 + CTA + 页脚，17 套主题，滚动揭示动效。

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

wuli2025

wuli2025/llm-wiki

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

Polaris 网站生成

输入需求/文案 → 选风格与站点类型 → 输出一个自包含、响应式的网站 .html（双击即开、可直接部署/分享）。设计语言借鉴 open-design：玻璃态吸顶导航、渐变大标题、bento 卡片网格、数据条、价格卡、CTA 横幅、多列页脚、滚动揭示动效。

技能资源目录（已随 App 落盘）：~/Polaris/skills/polaris-web-studio/

assets/site.css     网站组件库（nav/hero/bento/stats/pricing/cta/footer/btn，响应式）
assets/themes.css   17 套主题（[data-theme] 属性选择器，与 PPT 演示同源）
assets/runtime.js   滚动揭示(.reveal→.in) + T 键预览换主题
templates/site.html 起始模板（完整一页站点骨架）

调用方式（前端会传一段「网站配置」）

站点类型：landing(产品落地页) / portfolio(作品集) / product(SaaS 介绍) / blog(博客首页) / event(活动)
主题 id：见下（或 auto 自挑）
品牌名 / 主张、正文/需求（或上传文件绝对路径，先 Read）
产物目录：最终 .html 存这里，回答末尾列绝对路径

主题（17 套，data-theme 取值）

浅色：minimal-white editorial-serif swiss-grid magazine-bold japanese-minimal xiaohongshu-white academic-paper corporate-clean soft-pastel 深色：tokyo-night dracula nord cyberpunk-neon terminal-green blueprint 特色：glassmorphism neo-brutalism 应用：<html data-theme="...">。

制作步骤

定信息架构：按站点类型排版块顺序。落地页常用：导航 → Hero(大标题+主张+双 CTA+信任 pill) → 功能(bento) → 数据 → 价格 → CTA 横幅 → 页脚。作品集换成项目网格；博客换成文章卡片流。
用 site.css 的组件写（class 词表）：
- 布局：.container .section/.section.tight .grid .cols-2/3/4 .bento(内 .card.wide/.tall)
- 文案：.eyebrow .section-title .section-sub .gradient-text .lede
- 导航：.nav>.nav-inner>(.brand,.nav-links,.btn)（玻璃吸顶）
- 区块：.hero、.stats>.stat>(.num,.lbl)、.price-card(.featured)、.cta、.footer>.footer-grid
- 按钮/标签：.btn .btn-primary/.btn-grad/.btn-ghost、.pill .pill-accent
- 动效：需要入场的元素加 class="reveal"（runtime 滚动时加 .in 淡入上移）
★ 做成自包含单文件：把 assets/site.css + assets/themes.css 内联进 <style>、assets/runtime.js 内联进 <script>，删掉对 ../assets/* 的外链。读取：
```
cat ~/Polaris/skills/polaris-web-studio/assets/site.css
cat ~/Polaris/skills/polaris-web-studio/assets/themes.css
cat ~/Polaris/skills/polaris-web-studio/assets/runtime.js
```
存到产物目录（文件名如 网站-<主题>.html）。
回答末尾给出 .html 绝对路径，说明：双击用浏览器打开；响应式；按 T 可预览换主题。

内容质量要求

文案具体、有信息量，别用「Lorem ipsum」占位；价格/数据用合理示意值并标注「示意」。
真·响应式：手机宽度下导航 links 自动隐藏、多列塌成单列（site.css 已含断点，别破坏）。
配图用 emoji 图标 / CSS 渐变块 / inline SVG，不要外链不存在的图片。

继续修改

用户可能发来「把价格改三档/换深色主题/加一段 FAQ/Hero 文案改成…」——直接在原 .html 上改并覆盖保存，文件名不变，末尾给绝对路径。

이 저장소의 다른 Skills

같은 저장소

polaris-ppt

wuli2025/llm-wiki

把文案或文档做成有设计感的幻灯片。一套引擎两种交付：自包含可翻页的网页 deck(.html)，或像素级还原主题的 .pptx。内置 17 套主题(借力 open-design)，键盘翻页/演讲者备注/打印 PDF。

2026-06-104

wechat-md-typesetter

wuli2025/llm-wiki

壹伴式排版 + 两段直送公众号草稿。和「壹伴」插件同思路——你只产出干净的语义正文 HTML（h1/h2/p/blockquote/ul/strong…，零内联样式），样式交给随包的壹伴脚本在 CloakBrowser 里按「约定的风格」一键套上。v5 两段解耦：第一段先把纯文字走「粘贴通道」稳稳送进草稿并保存确认（ProseMirror 事务认账，根治"看着传了却存不进"），第二段再套主题样式；样式失败文字也已落地，随时可用 restyle 模式对已存草稿原地换主题/换背景。填标题、保存草稿，绝不自动发布。当用户要把公众号稿子排版、一键排版、把内容传进公众号后台、或想给已传草稿换风格时触发。

2026-06-104

polaris-ai

wuli2025/llm-wiki

把文案/主题做成「带 AI 高清插画」的故事短视频并输出 MP4。完整链路：文案→分镜脚本→角色设定→MiniMax 生图（人物+环境，跨镜一致）→MiniMax 配音→ffmpeg 运镜/字幕/BGM 合成。竖屏 9:16 / 横屏 16:9 / 方图 1:1。

2026-06-094

polaris

wuli2025/llm-wiki

把文案、课件、口播稿一键做成 16:9 网页演示视频并输出 MP4。完整链路：文案→口播稿→网页开发→MiniMax 配音→逐帧对齐录屏→MP4。

2026-06-094

id	polaris-web-studio
name	Polaris 网站生成（落地页 / 单页站点）
description	把需求或文案做成一个有设计感、响应式的网站 HTML（自包含单文件）。借力 open-design 风格：玻璃导航 + 渐变大标题 + bento 功能区 + 数据 + 价格卡 + CTA + 页脚，17 套主题，滚动揭示动效。
source	official
author	Polaris
created_at	0

Polaris 网站生成

输入需求/文案 → 选风格与站点类型 → 输出一个自包含、响应式的网站 .html（双击即开、可直接部署/分享）。设计语言借鉴 open-design：玻璃态吸顶导航、渐变大标题、bento 卡片网格、数据条、价格卡、CTA 横幅、多列页脚、滚动揭示动效。

技能资源目录（已随 App 落盘）：~/Polaris/skills/polaris-web-studio/

assets/site.css     网站组件库（nav/hero/bento/stats/pricing/cta/footer/btn，响应式）
assets/themes.css   17 套主题（[data-theme] 属性选择器，与 PPT 演示同源）
assets/runtime.js   滚动揭示(.reveal→.in) + T 键预览换主题
templates/site.html 起始模板（完整一页站点骨架）

调用方式（前端会传一段「网站配置」）

站点类型：landing(产品落地页) / portfolio(作品集) / product(SaaS 介绍) / blog(博客首页) / event(活动)
主题 id：见下（或 auto 自挑）
品牌名 / 主张、正文/需求（或上传文件绝对路径，先 Read）
产物目录：最终 .html 存这里，回答末尾列绝对路径

主题（17 套，data-theme 取值）

制作步骤

定信息架构：按站点类型排版块顺序。落地页常用：导航 → Hero(大标题+主张+双 CTA+信任 pill) → 功能(bento) → 数据 → 价格 → CTA 横幅 → 页脚。作品集换成项目网格；博客换成文章卡片流。
用 site.css 的组件写（class 词表）：
- 布局：.container .section/.section.tight .grid .cols-2/3/4 .bento(内 .card.wide/.tall)
- 文案：.eyebrow .section-title .section-sub .gradient-text .lede
- 导航：.nav>.nav-inner>(.brand,.nav-links,.btn)（玻璃吸顶）
- 区块：.hero、.stats>.stat>(.num,.lbl)、.price-card(.featured)、.cta、.footer>.footer-grid
- 按钮/标签：.btn .btn-primary/.btn-grad/.btn-ghost、.pill .pill-accent
- 动效：需要入场的元素加 class="reveal"（runtime 滚动时加 .in 淡入上移）
★ 做成自包含单文件：把 assets/site.css + assets/themes.css 内联进 <style>、assets/runtime.js 内联进 <script>，删掉对 ../assets/* 的外链。读取：
```
cat ~/Polaris/skills/polaris-web-studio/assets/site.css
cat ~/Polaris/skills/polaris-web-studio/assets/themes.css
cat ~/Polaris/skills/polaris-web-studio/assets/runtime.js
```
存到产物目录（文件名如 网站-<主题>.html）。
回答末尾给出 .html 绝对路径，说明：双击用浏览器打开；响应式；按 T 可预览换主题。

内容质量要求

文案具体、有信息量，别用「Lorem ipsum」占位；价格/数据用合理示意值并标注「示意」。
真·响应式：手机宽度下导航 links 自动隐藏、多列塌成单列（site.css 已含断点，别破坏）。
配图用 emoji 图标 / CSS 渐变块 / inline SVG，不要外链不存在的图片。

继续修改

用户可能发来「把价格改三档/换深色主题/加一段 FAQ/Hero 文案改成…」——直接在原 .html 上改并覆盖保存，文件名不变，末尾给绝对路径。