hyperframes-design-presets

仓库创建 2026年7月27日最近提交 21 小时前SkillHot 收录 16 小时前

这个 Skill 做什么

给 HyperFrames 视频组合套上现成的设计预设：排版、色彩和素材包都来自 hyperframes.dev/design 等规范资源，不用随手写粗糙的 CSS。当你在做标题、片头或社媒短片时想要统一且专业的视觉语言就会用到。用预设能保证风格正确、节省调色排版的来回试错。

▸ 展开 SKILL.md 英文原文

Use when creating HyperFrames video compositions. Sources design presets, frame packs, and typography palettes from hyperframes.dev/design and other design systems. Ensures every composition uses proper design language instead of freehand CSS.

Stars

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/trojan-lord/hermes-cuso/main/skills/creative/hyperframes-design-presets/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/trojan-lord/hermes-cuso/main/skills/creative/hyperframes-design-presets/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# HyperFrames Design Presets

## Overview

Every HyperFrames composition should use a proper design preset with real typography and curated color palettes — never freehand CSS. This skill documents where to find presets and how to apply them.

## Primary Source: hyperframes.dev/design

The official HyperFrames design page offers 12+ premade frames. Always check here first.

### Available Presets

| Preset | Description | Headline Font | Body Font | Accent Color |
|--------|-------------|---------------|-----------|--------------|
| **Coral** | Bebas Neue uppercase headlines + coral on cream | Bebas Neue | Inter | #FF7F50 |
| **Biennale Yellow** | Warm parchment + solar yellow bloom | Instrum

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有