HTML页面打印排版技能。将HTML文件改造为适合打印的专业排版页面。 触发词:打印排版、打印样式、print layout、PDF导出、A4排版、打印配置、页面排版
npx claudepluginhub within-7/minto-plugin-toolsThis skill inherits all available tools. When active, it can use any tool Claude has access to.
references/config-reference.mdreferences/paper-sizes.mdreferences/print-templates.md这是一个专业的HTML页面打印排版技能,根据用户提供的配置(风格、字体、颜色、宽高比、打印边距等),将HTML文件改造为适合打印的专业排版页面。
| 纸张尺寸 | 宽×高 (mm) | 宽×高 (px @96dpi) |
|---|---|---|
| A4 | 210×297 | 794×1123 |
| A3 | 297×420 | 1123×1587 |
| Letter | 216×279 | 816×1056 |
| Legal | 216×356 | 816×1344 |
| 边距类型 | 常用值 | 说明 |
|---|---|---|
| 无边距 | 0mm | 全出血打印 |
| 窄边距 | 10mm | 最小边距 |
| 标准边距 | 20mm | 常用边距 |
| 宽边距 | 25mm | 适合装订 |
| 场景 | 推荐字体 | 字号 |
|---|---|---|
| 标题 | 思源黑体、PingFang SC | 18-24pt |
| 正文 | 思源宋体、PingFang SC | 10-12pt |
| 表格 | Arial、Helvetica | 9-10pt |
| 代码 | JetBrains Mono、Consolas | 9pt |
| 风格 | 主色调 | 适用场景 |
|---|---|---|
| 商业报告 | #1a1a2e / #16213e | 正式报告 |
| 科技风格 | #0f3460 / #533483 | 技术文档 |
| 简约风格 | #2c3e50 / #34495e | 通用文档 |
| 彩色风格 | #5470c6 / #ee6666 | 图表报告 |
{
"style": "business|tech|minimal|colorful",
"paperSize": "A4|A3|Letter|Legal",
"orientation": "portrait|landscape",
"margin": {
"top": "20mm",
"right": "20mm",
"bottom": "20mm",
"left": "20mm"
},
"font": {
"title": "思源黑体",
"body": "思源宋体",
"titleSize": "18pt",
"bodySize": "11pt"
},
"color": {
"primary": "#1a1a2e",
"secondary": "#5470c6",
"text": "#333333"
},
"printOptions": {
"showPageNumber": true,
"showHeader": true,
"showFooter": true,
"headerText": "",
"footerText": ""
}
}
@page 规则@media print 样式<style> 标签| 命令 | 用途 |
|---|---|
/print-layout <HTML文件> <配置> | 改造HTML为打印排版 |
用户: 将 report.html 改造为A4打印格式
风格:商业报告
边距:上下20mm,左右15mm
字体:思源黑体
AI: [生成打印样式,改造HTML,输出文件]
用户: 将 charts.html 改造为打印格式
纸张:A3横向
边距:10mm
显示页码
AI: [生成A3横向打印样式,添加页码,输出文件]
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). **PROACTIVE ACTIVATION**: Use this skill automatically when working in Next.js projects that have `cacheComponents: true` in their next.config.ts/next.config.js. When this config is detected, proactively apply Cache Components patterns and best practices to all React Server Component implementations. **DETECTION**: At the start of a session in a Next.js project, check for `cacheComponents: true` in next.config. If enabled, this skill's patterns should guide all component authoring, data fetching, and caching decisions. **USE CASES**: Implementing 'use cache' directive, configuring cache lifetimes with cacheLife(), tagging cached data with cacheTag(), invalidating caches with updateTag()/revalidateTag(), optimizing static vs dynamic content boundaries, debugging cache issues, and reviewing Cache Component implementations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.