新春网页海报

Generate New Year poster HTML and PNG images at 750x1334.

Updated Feb 1, 2026
One-click install
npx skills add https://github.com/yangbin09/2026-trae-first-class --skill -yangbin09
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: 新春网页海报
Source: https://github.com/yangbin09/2026-trae-first-class/tree/main/.trae/skills/%E6%96%B0%E6%98%A5%E7%BD%91%E9%A1%B5%E6%B5%B7%E6%8A%A5
Command: npx skills add https://github.com/yangbin09/2026-trae-first-class --skill -yangbin09

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

此技能解决了为新春制作高端网页海报的繁琐设计流程,通过自动化排版、统一字体与配色,显著提升产出的一致性与美观度。

Core Features & Use Cases

  • 自动化海报排版、字体与颜色管理,确保在各种设备上保持一致性
  • 固定画布尺寸 750px x 1334px,支持截图模式无滚动条,确保视口匹配
  • 支持不同对象身份(长辈/同辈/晚辈)自动匹配配色与版式,并生成落款印章风格的设计元素
  • 输出 HTML 与 PNG 海报,便于网页集成和直接分享
  • 预置四字祝福语,若未指定将按关系自动选择
  • 清洗输入变量以防文本注入,保障安全性
  • 读取模版 template.html,变量注入后渲染成最终海报

Quick Start

输入称呼、落款并确认对象身份后,请让 AI 生成对应海报并导出 HTML 与 PNG。

Frequently Asked Questions about 新春网页海报

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a New Year poster as a web page and PNG automatically?

To generate a New Year poster, this tool uses a deterministic canvas pipeline to inject title, blessing, and footer variables into a template, outputting both an HTML web page and a 750x1334 PNG file automatically.

Can I customize poster layouts for different recipients like elders or peers?

Yes, you can customize poster layouts for different recipients. The tool automatically matches specific typography, colors, and stamp-style design elements based on whether the target audience is an elder, peer, or younger relation.

What is the fixed canvas size for generating web-based posters?

The fixed canvas size for generating web-based posters is exactly 750px by 1334px. This specific viewport dimension supports a screenshot mode that matches the screen exactly without scrollbars for clean image capture.

Do I need to manually input blessing text for the New Year poster?

You do not need to manually input blessing text if left unspecified. The system pre-configures four-character blessing phrases and automatically selects the appropriate one based on the defined relationship category.

How does the poster generator prevent text injection from user inputs?

The poster generator prevents text injection by sanitizing all input variables before injecting them into the template. This security measure ensures that title prefixes, blessings, and footers are safely processed during the canvas rendering pipeline.

What is the best way to export a 750x1334 poster without scrollbars for sharing?

The best way to export a poster without scrollbars is using the built-in screenshot mode. It constrains the HTML rendering to a 750x1334 fixed layout, ensuring the viewport matches exactly for a clean, scroll-free PNG export.