SkillFeeder › 全部 Skill › 设计与视觉 › design-artifact
生成有品牌感的 HTML 页面，拒绝 AI 套路化外观。
design-artifact
design-artifact 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 plannotator/effective-html。生成有品牌感的 HTML 页面，拒绝 AI 套路化外观。适合前端工程师、产品文档者。场景是设计与视觉 · 视觉海报。能做的事包括输出 report.html 等交付物，自带定制配色与字体、按内容调性自动匹配视觉层级与留白节奏、让计划书、演示页、落地页各具专业身份感。打开 GitHub 自行安装。
能做什么
- 输出 report.html 等交付物，自带定制配色与字体
- 按内容调性自动匹配视觉层级与留白节奏
- 让计划书、演示页、落地页各具专业身份感
原文简介
Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, decks, and small tools. Use when creating or restyling any visual HTML deliverable and deciding its palette, type pairing, layout, theming, or overall register, or when the output must not look generically AI-generated.
同场景推荐
- brand-guidelines所在仓库 anthropics/skills，仓库 ★ 190,432自动为任意内容应用 Anthropic 官方品牌色与字体
- canvas-design所在仓库 anthropics/skills，仓库 ★ 190,432生成原创海报、艺术画作和设计稿，输出 PNG 和 PDF 文件。
- theme-factory所在仓库 anthropics/skills，仓库 ★ 190,432一键为幻灯片、文档、HTML等应用专业配色与字体主题
- algorithmic-art所在仓库 nexu-io/open-design，仓库 ★ 106,772用种子随机数生成可复现的p5.js算法艺术图
- brand-guidelines所在仓库 nexu-io/open-design，仓库 ★ 106,772用 Anthropic 官方品牌色与字体统一设计稿视觉风格
- brandkit所在仓库 nexu-io/open-design，仓库 ★ 106,772生成高端品牌指南图板、Logo系统与视觉世界呈现图
- canvas-design所在仓库 nexu-io/open-design，仓库 ★ 106,772生成符合设计美学的海报、插画等静态PNG和PDF图像
- color-expert所在仓库 nexu-io/open-design，仓库 ★ 106,772生成可访问、历史考据扎实的 OKLCH 调色板与配色方案