juliobsz/skills

这是什么

/awwwards 是一个面向 Claude Code、Codex、Cursor、Gemini-CLI、Copilot 等 AI 智能体工具链的技能（插件）。当你给智能体一句话的简报，比如*“给我做一个作品集，我的名字是胡里奥”*，该技能会引导智能体完成整个网站创建流程——从概念生成、设计系统定义、代码生成、自动 QA，到可选地在 Vercel/Netlify/Cloudflare 上部署。

工作原理（概览）

简报解析 – 模型提取客户的姓名、技能、位置以及任何项目细节，并用明确的假设填补缺失的信息。
概念生成 – 生成三个不同的概念，并根据原创性和对简报的契合度进行评分；最佳概念成为网站的核心创意和标志性动画。
美术指导 – 将调色板、免费字体配对、网格、节奏和动效语言写入 DESIGN.md。“平庸性测试”会剔除毫无新意的 AI 默认设计。
构建 – 生成语义化 HTML（默认使用 Next.js，或 Astro/任何现有技术栈），动效由 GSAP、Lenis（平滑滚动）和 OGL（WebGL）驱动。动效是可选的，并尊重减少动效设置。
QA 循环 – 构建生成的网站，然后子智能体运行爬虫审计（SEO、通过 axe-core 检查可访问性、体积、占位符检测），并截取真实浏览器截图（桌面、移动、减少动效）。根据评分标准（目标≥8/10）对网站进行评分，并迭代修复问题。
发布 – 创建 OG 图像、favicon、sitemap、robots.txt，并在用户确认后部署到云主机。

你将获得

专为简报定制的、完整的生产级网站。
在 DESIGN.md 中记录的设计资源（调色板、字体、动效规格）。
自动质量检查（可访问性、性能、SEO）并附有清晰评分。
针对 Vercel、Netlify 或 Cloudflare 的可选部署脚本。
独立的辅助脚本（audit.mjs、shoot.mjs、og.mjs 等），可在任何网站上运行。

适用人群

希望借助 AI 驱动的“创意总监”制作高质量作品集、产品着陆页或工作室网站的设计师或开发者。
使用 Claude Code、Codex、Cursor、Gemini-CLI、Copilot 或任何支持 skills CLI 的智能体的团队。
熟悉在本地运行 Node/Playwright 脚本并能在发布前审查占位符内容的用户。

限制

该过程速度慢且消耗大量 token；它适合完整的会话，而非快速片段。
质量取决于底层 LLM（已使用 Claude Code 和 Codex 测试）。
生成的文案可能包含需要手动替换的占位符。
需要 Node ≥ 22.20、Playwright、axe-core，以及能够进行基于图像推理的模型。

开始使用

# 全局安装技能（或安装到特定智能体）
npx skills add juliobsz/skills -g
# 启动新的智能体会话并调用技能
/awwwards   # 或直接要求一个网站

你还可以安装可选的 /anatomy 技能，用于交互式等轴测解释图。

以上所有信息均直接取自仓库的 README；未推断任何额外功能。