Does one skill make Claude build websites that do not look AI-made?
A viral reel says that the Hallmark skill makes Claude Code build premium websites. I made two empty folders and gave both the same prompt. One folder had Hallmark. The other folder had no skill. The page with no skill looked better to me, so my verdict is hype. Here is the link and my prompt, so you can test it yourself.
Both chats used the same Claude model and the same prompt. Only the skill was different.
1
Hallmark
Made by Together AI · free (MIT) · 54.8k stars on GitHub
A design skill for Claude Code. It has about 50 design themes and a list of signs that make a page look AI-made. It builds the page, opens it in a browser and checks its own work. Then a second reviewer checks the page again.
Then just say: https://github.com/Nutlope/hallmark install this skill
After the install, start a new chat. A skill loads when a chat starts. Then type /hallmark before your prompt.
The top of the page that Claude made with Hallmark. It is calm and minimal.Open Hallmark on GitHub
2
Claude Code with no skill
Made by Anthropic
The second folder had no skill at all. Claude used only its own taste. It finished in 21 minutes and used 271,000 tokens. The chat with Hallmark was not done after 294,000 tokens.
Claude Code needs a paid Claude plan.
The top of the page that Claude made with no skill. This is the page that I liked more.Open Claude Code
My prompt
This is the prompt I gave to both chats. In the Hallmark folder, type /hallmark before it.
Prompt
I need you to make a really impressive website home page which will also be the landing page for our customers. It is going to be super realistic and impressive in design. It is for our new coffee shop that we are opening soon, and the theme of our shop will be spiritual.
Do the same test in 6 steps
1
Make two empty folders
Name one folder WITH HALLMARK. Name the other folder WITHOUT HALLMARK. Empty folders make the test fair.
2
Install Hallmark in one folder
Open Claude Code in the WITH HALLMARK folder. Send the GitHub link and the words "install this skill". If Claude asks to install a browser tool, say yes.
3
Start a new chat
Close the chat and open a new one in the same folder. The skill loads when a chat starts.
4
Send the prompt with Hallmark
Type /hallmark, then paste the prompt. If Hallmark asks questions, answer them.
5
Send the same prompt with no skill
Open Claude Code in the WITHOUT HALLMARK folder. Paste the same prompt. Answer its questions the same way.
6
Open both pages side by side
Ask each chat to open its page in Chrome. Scroll both pages to the end. Then decide: fact or hype?
Questions people ask
Is Hallmark free?
Yes. Hallmark is free and open source (MIT license). It can also make AI images, but only if you give it a Together AI key. Without a key, that step stays off. You need Claude Code, and Claude Code needs a paid Claude plan.
Which page was better in your test?
The page that Claude made with no skill. It had big real photos and a scroll effect that shows the altitude go down. The Hallmark page was calm and minimal, but its top part was weaker. A row of photos on it also scrolls to the side, to an empty space.
Why did Hallmark use more tokens?
It checks its own work a lot. In my test it ran its checks, then a fresh reviewer asked for 5 fixes, and Hallmark made all 5. Then a second reviewer checked the page again. That costs time and tokens.
Will I get the same result?
Maybe not. Claude makes a different page each time, and Hallmark picks a different design theme each time. Test it with your own prompt. That is the point of this series.
Want AI set up like this for your business?We build AI setups and run ads for businesses.
