SuperAPI AI 工具集

web-design

前端与建站

查看项目

更新于 10-15 20:28

技能介绍

用途:根据需求生成单页 HTML 网页(报告、落地页、数据可视化),并支持部署到 Cloudflare Pages,返回 https://<project>.pages.dev 访问地址。

主要能力:使用 Tailwind CSS 做布局与样式,Chart.js 绘制 bar/line/doughnut/radar/polarArea 等图表,Font Awesome 6.x 图标;可选用 Animate.css、AOS、Swiper、highlight.js、CountUp、Typed.js、tsparticles、marked、lightgallery 等 CDN 资源,按需引入。设计上强调每次页面风格独特,不使用紫色渐变,不使用 Emoji,保证响应式。

使用方式:生成 HTML 保存到本地后,用脚本部署。先编辑 skills/web-design/scripts/config.json 填入 api_token(Cloudflare Dashboard 创建 Cloudflare Pages: Edit 权限 Token,account_id 自动获取)。命令示例:python3 skills/web-design/scripts/deploy.py deploy index.html --project my-site;可部署目录、指定 --branch preview、用 list 查看项目、用 deployments --project 查看历史。脚本为纯 Python 标准库加 REST API,无需 wrangler 或 Node.js。

部署规则:用户未指定项目时,必须使用八位随机小写字母数字前缀加内容名称作为项目名(如 a3f8k2m1-product-intro)避免冲突;用户明确指定项目时才部署到已有项目。

限制:单文件部署会自动复制为 index.html,单文件限制 10MB,项目名作为子域名,首次部署自动创建项目。价格、收费等其他信息暂未提供。