Loading video...

Video Failed to Load

Go Home

Introducing Hallmark! An open source design skill to make beautiful UIs and landing pages by default. Works in Claude Code, Cursor, and Codex. npx skills add nutlope/hallmark

nutlope's profile picture

Hassan

96,782 subscribers

711,309 views • 23 days ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

🆕 Railway agent skill Let Claude Code, Codex, Cursor, OpenCode, or any coding agent deploy to Railway 🚄 ~/ npx skills add railwayapp/railway-skills
0:26

🆕 Railway agent skill Let Claude Code, Codex, Cursor, OpenCode, or any coding agent deploy to Railway 🚄 ~/ npx skills add railwayapp/railway-skills

Railway

25,339 views • 3 months ago

Hallmark v1.1 is out 🎉 The open source design skill for beautiful UIs. Now with new themes, better designs, more AI slop detectors, and a new mode to drastically redesign apps. Here's what's new: ◆ 4 new themes: Carnival, Lumen, Hum, and Cobalt ◆ Better design: sharper hero headlines & navs, hand-built SVGs and animations, and cleaner type & spacing ◆ New Custom mode: generate a fully custom page from scratch while still passing every anti-slop gate ◆ Tighter catalog: Heard feedback that some themes looked AI generated so we cleaned a bunch of them up Try it today: npx skills add nutlope/hallmark
0:21

Hallmark v1.1 is out 🎉 The open source design skill for beautiful UIs. Now with new themes, better designs, more AI slop detectors, and a new mode to drastically redesign apps. Here's what's new: ◆ 4 new themes: Carnival, Lumen, Hum, and Cobalt ◆ Better design: sharper hero headlines & navs, hand-built SVGs and animations, and cleaner type & spacing ◆ New Custom mode: generate a fully custom page from scratch while still passing every anti-slop gate ◆ Tighter catalog: Heard feedback that some themes looked AI generated so we cleaned a bunch of them up Try it today: npx skills add nutlope/hallmark

Hassan

37,278 views • 8 days ago

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉
0:53

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

Open Design

51,104 views • 10 days ago

Introducing ElevenLabs Skills. With skills, AI coding assistants like Claude Code, Cursor, and OpenCode are better at using our APIs to handle AI audio and agent workflows. Get started: npx skills add elevenlabs/skills
1:13

Introducing ElevenLabs Skills. With skills, AI coding assistants like Claude Code, Cursor, and OpenCode are better at using our APIs to handle AI audio and agent workflows. Get started: npx skills add elevenlabs/skills

ElevenLabs Developers

163,228 views • 4 months ago

Introducing the Sleek Design Skill Just install it and your agent instantly makes better mobile app designs Works with Claude Code, Codex or any agent with skills. Link below.
0:31

Introducing the Sleek Design Skill Just install it and your agent instantly makes better mobile app designs Works with Claude Code, Codex or any agent with skills. Link below.

Mattia

181,983 views • 2 months ago

Introducing Chroma Package Search Enable your AI agents to search the source code of your package dependencies Includes 3 MCP tools: package_search_hybrid() package_search_grep() package_search_read_file() Add it to Cursor, Claude Code, VS Code, and Codex in 5 seconds
1:18

Introducing Chroma Package Search Enable your AI agents to search the source code of your package dependencies Includes 3 MCP tools: package_search_hybrid() package_search_grep() package_search_read_file() Add it to Cursor, Claude Code, VS Code, and Codex in 5 seconds

Chroma

41,505 views • 9 months ago

Introducing the Firecrawl Skill + CLI for Agents 🔥 Agents like Claude Code, Codex, and OpenCode need live quality context from the web. The CLI pulls web content to local files with bash-powered search for the highest token efficiency. $ npx skills add firecrawl/cli
0:24

Introducing the Firecrawl Skill + CLI for Agents 🔥 Agents like Claude Code, Codex, and OpenCode need live quality context from the web. The CLI pulls web content to local files with bash-powered search for the highest token efficiency. $ npx skills add firecrawl/cli

Firecrawl

86,971 views • 4 months ago

I made a Swiss International Style design system as an agent skill. npx skills add zeke/swiss-design-skill
0:31

I made a Swiss International Style design system as an agent skill. npx skills add zeke/swiss-design-skill

Zeke Sikelianos

70,325 views • 1 month ago

Introducing 1Code Open source Cursor-like UI for Claude Code. 🧵
1:40

Introducing 1Code Open source Cursor-like UI for Claude Code. 🧵

serafim

135,547 views • 4 months ago

Introducing LlamaCoder! An open source Claude Artifacts app that can generate full React apps and components with Llama 3.1 405B. 100% free and open source.
0:28

Introducing LlamaCoder! An open source Claude Artifacts app that can generate full React apps and components with Llama 3.1 405B. 100% free and open source.

Hassan

501,207 views • 1 year ago

Announcing An open source wireframe to app tool powered by Llama 3.2 vision. Upload a screenshot of a simple site/design & get code. 100% free and open source.
0:28

Announcing An open source wireframe to app tool powered by Llama 3.2 vision. Upload a screenshot of a simple site/design & get code. 100% free and open source.

Hassan

185,817 views • 1 year ago

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev
0:27

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev

Jakub Antalik

56,846 views • 9 days ago

Introducing... The Base Skills Repo 📙🔧 Power your Claude, Codex, OpenClaw with skills to build on Base I show in this video how I one shot a Base Pay demo in one simple prompt with the Base Account skill Use it now: npx skills add base/skills
3:30

Introducing... The Base Skills Repo 📙🔧 Power your Claude, Codex, OpenClaw with skills to build on Base I show in this video how I one shot a Base Pay demo in one simple prompt with the Base Account skill Use it now: npx skills add base/skills

Youssef

56,190 views • 3 months ago

Announcing napkins​.dev 2.0! An open source wireframe to app tool powered by Llama 4. Upload a screenshot of a simple site/design & get code. 100% free and open source.
0:25

Announcing napkins​.dev 2.0! An open source wireframe to app tool powered by Llama 4. Upload a screenshot of a simple site/design & get code. 100% free and open source.

Hassan

93,155 views • 1 year ago

Introducing LogoCreator! An open source logo generator that creates professional logos in seconds using Flux Pro 1.1 on Together AI. 100% free and open source. Demo + code:
0:37

Introducing LogoCreator! An open source logo generator that creates professional logos in seconds using Flux Pro 1.1 on Together AI. 100% free and open source. Demo + code:

Hassan

349,202 views • 1 year ago

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)
2:12

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)

Riley Brown

86,540 views • 1 month ago

Wait did anyone catch this? Supabase just dropped Agent Skills. Your AI agent stops guessing CLI commands. Starts respecting RLS. Builds on Supabase the way Supabase is meant to be built on Claude Code. Codex. Cursor. One command, every agent. npx skills add supabase/agent-skills
0:21

Wait did anyone catch this? Supabase just dropped Agent Skills. Your AI agent stops guessing CLI commands. Starts respecting RLS. Builds on Supabase the way Supabase is meant to be built on Claude Code. Codex. Cursor. One command, every agent. npx skills add supabase/agent-skills

Sam Rome

11,830 views • 29 days ago

We built our launch video in Claude Code using HyperFrames. Now it's yours. Open source, agent-native framework. HTML to MP4. $ npx skills add heygen-com/hyperframes RT + Comment "HyperFrames" to get the full source code of this launch video (must follow)
0:49

We built our launch video in Claude Code using HyperFrames. Now it's yours. Open source, agent-native framework. HTML to MP4. $ npx skills add heygen-com/hyperframes RT + Comment "HyperFrames" to get the full source code of this launch video (must follow)

HeyGen

2,959,343 views • 1 month ago

BFL Skills Packaged FLUX into a single install command for agents. Install once. Your coding agent handles the rest - model selection, prompting, API integration. All built in. Sub-second generation and editing with [klein]. Highest quality with [max]. Text rendering with [flex] Works in Claude Code, Cursor, and other IDEs. > npx skills add black-forest-labs/skills
0:20

BFL Skills Packaged FLUX into a single install command for agents. Install once. Your coding agent handles the rest - model selection, prompting, API integration. All built in. Sub-second generation and editing with [klein]. Highest quality with [max]. Text rendering with [flex] Works in Claude Code, Cursor, and other IDEs. > npx skills add black-forest-labs/skills

Black Forest Labs

35,057 views • 4 months ago

Skills allow you to extend Claude Code in new ways using pre-packaged instructions and code. For example, add the docx skill to let Claude Code create word documents. I think skills make Claude Code even better as a general purpose agent, I'm excited to see how you use them!
0:26

Skills allow you to extend Claude Code in new ways using pre-packaged instructions and code. For example, add the docx skill to let Claude Code create word documents. I think skills make Claude Code even better as a general purpose agent, I'm excited to see how you use them!

Thariq

127,899 views • 7 months ago