五色石Skill 选择指南

设计专题 A · 落地页 / Web

先挑一页好看的落地风

新品或活动要上一页营销站，先按风格看公开预览再挑可装 Skill。

共 5 条设计 Skill · 首屏 4 · 再看看 1 · 还在观察 0

公开页面已查，未安装、未试跑；本站不运行 Skill。

公开预览强弱不一：有官网画廊或 demo，也有只给 README 的。先看预览，再看前置。

先看这一组：任务与预览相对清楚，仍然只做外链导读。

  • 许可已核 · MIT可能产生费用

    oil-ui

    任务新品或活动页想要一套成体系的界面风格，先看公开画廊再决定是否引入。

    方法向的界面风格 Skill，公开官网有画廊可先看气质；基础用法与 Pro 的边界需要分开核对。

    产出预览（有）打开原始预览 ↗官网公开画廊；本站不镜像。

    适用工具
    Claude Code / Codex 等支持 Skill 的 agent
    开始前准备
    • 安装：按公开说明使用 npx skills add oil-oil/oil-ui。
    • 费用：基础用法未见收费说明；Pro 另购，条件待核。

    GitHub 公开 LICENSE/SPDX 已核；清单 2026-11-09。

    去原仓库（离开本站，打开 GitHub 原仓库）
  • 许可已核 · MIT

    design-taste-frontend（taste-skill）

    任务想让 agent 按更有品味的视觉方向搭前端页面时，先看 README 示例。

    偏前端设计判断与实现约束的 Skill；公开 README 有示例，适合先对照风格再试用。

    产出预览（有）打开原始预览 ↗公开 README 示例；本站不镜像图片。

    适用工具
    Claude Code / Codex 等
    开始前准备
    • Node 22+。
    • Chrome / Edge / Chromium。
    • 无需 API key。

    GitHub 公开 LICENSE/SPDX 已核；清单 2026-11-09。

    去原仓库（离开本站，打开 GitHub 原仓库）
  • 许可已核 · MIT

    ship-page-skill

    任务只想要一页零依赖的单 HTML 营销页时，可以先看公开 demo。

    面向单页营销站的做法型 Skill，公开 demo 可直接打开；仓库星数较低，成熟度需自行判断。

    产出预览（有）打开原始预览 ↗公开 demo 页；本站不镜像。

    适用工具
    Claude Code
    开始前准备
    • 产出为零依赖单 HTML。
    • 公开仓库星数较低（清单日期约 12★）。

    GitHub 公开 LICENSE/SPDX 已核；清单 2026-11-09。

    去原仓库（离开本站，打开 GitHub 原仓库）
  • 许可已核 · Apache-2.0

    frontend-design（Anthropic）

    任务需要官方维护的前端设计指导时，先读 Anthropic 的公开 SKILL.md。

    Anthropic 官方示例技能，偏前端设计原则与实现指导；公开预览以文档说明为主。

    产出预览（弱）打开原始预览 ↗弱预览：仅文档/流程说明，不是产出成品。

    适用工具
    Claude 插件生态
    开始前准备
    • 通过 marketplace/plugin 方式安装。
    • 示例技能的加载方式需按公开说明核对。

    该 Skill 目录公开 LICENSE.txt/SPDX 已核；清单 2026-11-09。

    去原仓库（离开本站，打开 GitHub 原仓库）

再看看

第二屏候选：有的在 Skillry 只可外链，有的更偏工具向。

  • 许可待核仅外链可能产生费用

    Mint Noir SaaS Site

    任务SaaS 落地页想要清爽的深色薄荷风成品参考时，先看 Skillry 预览。

    Skillry 上的 SaaS 站点 Skill，公开页有成品预览；再分发许可待核，本页只外链。

    产出预览（有）打开原始预览 ↗Skillry 公开 Preview gallery；本站不镜像。

    适用工具
    页文案称支持 Claude Code / Desktop / Cowork / Codex / ChatGPT 等多 agent
    开始前准备
    • 浏览器；Node 校验；框架工具链。
    • 安装免费 Skill 需登录（交叉公开页）。
    • 人像素材可能产生外部费用。

    市场页 Free 文案；再分发许可待核，未镜像任何内容。

    去 Skillry 页（离开本站，打开 Skillry 公开页）

还在观察

许可待核、预览弱或成熟度信号不足的条目，先折叠在这里。

展开查看观察条目（0）

本专题暂无观察条目。

这一页怎么读

预览只链到来源方的公开页面，本站不镜像图片、视频或 Skill 文件；「有」表示公开页可见成品或 Preview，「弱」表示只有 README/文档流程，并不代表产出效果。

许可只在读到公开 LICENSE/SPDX 时显示具体名称；看不到明确条款的一律标「许可待核」，不替你推断。 Skillry 条目一律只可外链；公开页口径为安装免费 Skill 需登录，安装与再分发条件以来源页为准。 市场页 Free 文案不等于没有外部费用。

公开页核查日期：

← 返回设计专题