Juliobsz publishes an agent skill for award-caliber websites

Ask a coding agent for a portfolio and the output is the same every time: purple gradient at the top, three cards in the middle, a contact form at the bottom. The reason is simple. Every agent trained on the open web has read the same hundred thousand portfolio templates, and the median of that is what a one-line prompt returns.

Juliobsz, a developer on GitHub, published a Claude Code skill that tries to replace that default. The repository, juliobsz/skills, holds a single skill called /awwwards. It collected 318 stars and eight forks in its first two days under the MIT licence, and also installs on Codex and Cursor through the Vercel Labs skills CLI.

What the skill does before writing code

The project page states the quality bar is the work that wins an Awwwards Site of the Day award, and the mechanism is a sequence the skill runs before any file is written. First a creative director pass produces three concepts from different starting points: the user's name, the materials of their craft, their place, how they work, and a formal system. Each concept is scored on originality and fit, and the winner becomes a one-line idea with a signature moment. The project page describes a "genericness test" that kills anything an average model would have produced.

Then an art direction pass sets a palette by role, picks a type pairing from a curated free-font library, and writes the grid, rhythm and motion language to a file called DESIGN.md the agent reads before every component. The rules the skill asks the agent to follow are listed on the project page, including no purple gradients, no glassmorphism and no three-card grids unless the concept calls for them.

The motion stack and the helpers

Every site the skill builds uses GSAP, with every plugin now free of charge, Lenis for smooth scroll, and OGL for WebGL. The project page states the motion engine is designed to earn its place, with one signature moment per site. The awwwards/scripts/ folder holds two Node scripts that work on any site: audit.mjs reads a live URL and reports what the skill would change, and shoot.mjs crawls the site and saves screenshots.

The skill works beside a second open-source skill, wheresryan22/anatomy, which draws interactive isometric figures the "how it works" section can use when the concept calls for a mechanism, rather than another illustration from stock.

How it installs and how it runs

Install is one command through the Vercel Labs skills CLI (npx skills add juliobsz/skills -g), and the project page states the CLI detects which agents are present and writes the skill into the right folder for each. Users on Claude Code can also add it through the plugin marketplace. The skill is invoked in a new session with /awwwards, or with a plain-English ask such as "make me a portfolio, my name is Ana." Better input returns a better site: the project page recommends sharing the real name, what the user does, where they are, and two or three strong examples of work.

For a founder, a marketer or a developer who has to ship a landing page this week, a skill with a defined creative pass sits in the gap the one-line prompt has always had. Treat the output as a first draft the designer edits, because the signature moment the skill picks is the piece a real editor will most likely want changed.

Source

juliobsz/skills on GitHub, the Vercel Labs skills CLI, and Awwwards for the quality bar it names.