juliobsz/skills

选用指南

AI 根据 README 整理 · 2026/10/19 21:31:48

使用方式

通过Agent技能使用，在支持SKILL.md的代理中触发，如Claude Code、Codex等。

查看 README 依据

[Demo](#demo) · [Install](#install) · [Usage](#usage) · [How it works](#how-it-works) · [Limits](#limits) · [/jury](#jury) </div> ``` > make me a portfolio, my name is Julio ``` That's the whole brief. The agent works as creative director, designer and creative developer in one, then hands back a site it has already checked in a real browser. ## Quick start ```bash npx skills add wheresryan22/anatomy -g # optional: interactive isometric explainer figures npx skills add juliobsz/skills -g ``` Open a **new** agent session, then type `/awwwards` or just ask for a website.

`.agents/skills/awwwards`. Any agent that reads `SKILL.md` skills can use them. Each folder works on its own. </details> ### Works with /anatomy [/anatomy](https://github.com/wheresryan22/anatomy) by wheresryan22 is an open-source skill for detailed, interactive isometric figures that explain an idea as a real physical object. Install it next to `/awwwards` and the site can get one "how it works" section built as a real explainer figure, styled to the site's palette and grid. ```bash npx skills add wheresryan22/anatomy -g ```

部署要求

需要Node 22.20+，以及支持图像读取的模型。

查看 README 依据

It's optional. Without it, `/awwwards` builds that section another way, and tells you at the end when a figure would have helped. ### Requirements - **Node 22.20+** for the skills CLI. The helper scripts need Node 20+. - **Playwright** in the site's project for screenshots and the OG image, and **axe-core** for the accessibility pass. `/awwwards` installs both as dev dependencies when it needs them. `/jury` leaves the project it reviews alone and installs them once into `~/.cache/jury`. Both use a Chromium you already have when they can.

已知限制

运行时间长，消耗大量token；结果依赖模型能力；内容需要用户自行完善。

查看 README 依据

- No fake awards, logos or metrics. No lorem ipsum. No em dashes or "elevate your brand" copy. - No purple gradients, glassmorphism or three-card grids unless the concept truly calls for them. ## Limits - **It takes a while.** A full run is concept, design system, build and several rounds of screenshots and fixes. Expect a long session and heavy token use, not a quick snippet. - **Results depend on the model.** It was built and tested with Claude Code, Antigravity and Codex. The concept and the visual QA are only as good as the model doing them.

- **Content is yours to finish.** Without real projects, photos and copy, the site ships with clearly marked placeholders that you replace. - **8/10 is its own score.** The rubric keeps it honest, but you're the final judge. ## /jury Scores any website the way an Awwwards jury would. It doesn't have to be a site /awwwards built. ``` /jury https://your-site.com /jury score this project /jury https://mine.com vs https://theirs.com ``` It shoots one page of every type on desktop, on a throttled phone, with reduced motion and