top-design

@wondelai · 收录于 1 周前 · 上游提交 1 周前

Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions "Awwwards quality", "make my site stunning", "scroll animations", "parallax storytelling", "cinematic web design", "portfolio site", or "brand experience". Also trigger when elevating a standard landing page into a memorable digital experience. Covers dramatic typography, purposeful motion, scroll-based composition, and performance-optimized animation. For foundational UI, see refactoring-ui. For type selection, see web-typography.

场景品牌官网作品集着陆页

适合你，如果想让网站拥有电影级滚动动画和视觉冲击力

/ 下载安装

https://github.com/wondelai/skills/tree/main/top-design ↗

/ 通过 npx 安装 校验哈希

npx oh-my-skill add wondelai/skills/top-design

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- wondelai/skills/top-design

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify wondelai/skills/top-design

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

1589GitHub stars

~4.7K最小装载

~15.6K含声明引用

~15.6K文本包总量

镜像托管

怎么用

商店整理自技能原文 · 版本 326b380 · 表述以原文为准

它做什么

装上后，Claude 会像顶尖数字设计机构一样，帮你打造沉浸式网页体验。它会从排版、动效、滚动叙事等维度评分，并给出具体改进建议，目标是达到 Awwwards 获奖水准。

什么时候触发

当你提到“Awwwards 质量”、“滚动动画”、“视差叙事”、“电影级网页设计”、“作品集网站”或“品牌体验”等关键词时触发。也适用于将普通落地页提升为令人难忘的数字体验。

装好后可以这样说

Claude 会从排版、动效等维度评分并给出改进建议。

Claude 会按评分标准逐项分析并给出具体优化方案。

技能原文在 GitHub 查看 →

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。

…