Editorial Magazine UI

官方精选

#ui-design #editorial #magazine-style #typography

Design print-magazine-style landing pages: oversized serif headlines, ruled columns, drop caps, pull quotes, one ink accent. For brand storytelling sites.

适用平台Claude CodeCodexCursorCopilotGemini CLIWindsurfCline

试试这样说

Design a magazine-style landing page for a fictional boutique coffee brand with drop caps and pull quotes

你能得到

Complete SKILL.md with workflow and usage rules
references/ with design tokens, component specs, copy-paste snippets
2 demo landing pages (fictional coffee brand Marginalia) with 8 tested motion types
prefers-reduced-motion fallbacks

适合场景

Brand storytellers, coffee/food/hospitality brands, publishers, course creators; anyone building slow-reading print-like web pages

不适合

Data-dense SaaS dashboards, hard-sell promo pages, kids/gaming/high-saturation brands

名称: Editorial Magazine UI
下载数: 0
分类: 设计
包含 skills: 1

下载与安装

v1.0.0更新于 2026/10/5 · 1.1 MB · 12 个文件

更新内容: Initial release: editorial magazine UI skill with 2 demos

登录后下载

登录用户免费下载。

1. 下载 ZIP

点击上方按钮下载打包好的 skill，内含 SKILL.md 及全部配套文件。

2. 解压到 agent 的 skills 目录

解压后确保 SKILL.md 直接位于以 skill 命名的文件夹内：

unzip editorial-magazine-ui-v1.0.0.zip -d ~/.claude/skills/editorial-magazine-ui/

各 Agent 的 skills 目录

Claude Code: ~/.claude/skills
Cursor: ~/.cursor/skills
Codex: ~/.codex/skills
GitHub Copilot: ~/.copilot/skills

3. 重启你的 agent

下次启动时 agent 会自动识别新 skill，直接问它能做什么。

评价

还没有评价，来做第一个打分的人吧。

登录后评价

相关技能

免费精选

Vercel-Style UI Design

Teach your AI agent to design like Vercel: monochrome palette, oversized tight typography, hairline borders, subtle gradient glows and grid textures. Ships with design tokens, copy-paste components, and a complete example landing page.

Claude Code · Codex · Cursor · Copilot +1

设计

免费精选

Apple-Style UI Design

Design web pages in Apple's marketing-site visual language — gallery-like product storytelling, the SF type ramp, binary light/dark panels, and one blue reserved for action.

Claude Code · Codex · Cursor · Copilot +3

设计