juliobsz/skills

这是什么？

核心功能

• 01将一句需求转化为概念、设计系统和完整网站
• 02把配色、字体、网格和动效规则写入 DESIGN.md
• 03支持基于 Next.js（App Router）或 Astro 构建，动效使用 GSAP、Lenis 和 OGL
• 04通过生产构建、抓取审计、axe 检测和真实浏览器截图进行验证
• 05附带 /jury 技能，可为任意网站打分并按收益排序修改建议

适用场景

• 借助 AI 编程助手，根据简短描述快速生成个人作品集或工作室网站
• 重新设计现有的落地页，提升视觉表现力
• 使用 jury 脚本审计网站的 SEO、无障碍和性能
• 按结构化设计标准，对比分析竞品网站

快速上手

1. 1

   使用 skills CLI 全局安装 awwwards 技能

   npx skills add juliobsz/skills -g
2. 2

   打开新的代理会话，然后请求生成网站或输入 /awwwards

使用前须知

• !完整运行耗时较长，且会消耗大量 token。
• !结果取决于底层模型评估自身截图的能力。
• !网站会附带占位内容，需要你替换为真实的项目和文案。
• !/jury 评分是非官方估算，仅在两个网站上验证过。

标签

常见问题

skills 是什么？

一个智能体技能，只需一句需求即可让 AI 编程助手构建有设计感的获奖级网站，并附带网站评分技能 /jury。 awwwards 是一个面向 Claude Code、Codex、Antigravity 等编程智能体的技能。用户只需用一句话描述需求，例如“帮我做一个作品集网站”，智能体就会依次完成概念构思、视觉方向、开发和质量检查，尽量避免 AI 生成网站常见的模板化外观。它会把设计系统写入 DESIGN.md，确定核心概念和动效亮点，并基于 Next.js 或 Astro 实现，动效部分使用 GSAP、Lenis 和 OGL（WebGL）。

skills 可以免费使用吗？用的什么许可证？

skills 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

skills 还在维护吗？

活跃维护中。skills 最近一次提交是在 2026年10月18日。

skills 适合用来做什么？

借助 AI 编程助手，根据简短描述快速生成个人作品集或工作室网站 重新设计现有的落地页，提升视觉表现力 使用 jury 脚本审计网站的 SEO、无障碍和性能 按结构化设计标准，对比分析竞品网站

skills 怎么安装和运行？

使用 skills CLI 全局安装 awwwards 技能: npx skills add juliobsz/skills -g 打开新的代理会话，然后请求生成网站或输入 /awwwards

在哪里获取 skills？

源代码和安装说明在 GitHub 上：https://github.com/juliobsz/skills