Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

Hassan

98,299 subscribers

730,968 views • 1 month ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

introducing VibeMarketer skills an open-source skill package for agentic marketing workflows. works with Codex, Claude Code, and similar agent environments. demo + repo below.

introducing VibeMarketer skills an open-source skill package for agentic marketing workflows. works with Codex, Claude Code, and similar agent environments. demo + repo below.

J.B.

13,785 views • 21 days ago

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

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

Railway

25,351 views • 4 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

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

39,192 views • 1 month 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. 👉

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

52,206 views • 1 month ago

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

Ibelick

59,045 views • 17 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

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,353 views • 5 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.

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

182,726 views • 3 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

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,833 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

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

87,226 views • 5 months ago

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

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

Zeke Sikelianos

70,675 views • 2 months ago

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

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

serafim

135,721 views • 5 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.

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,419 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.

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,882 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

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

58,221 views • 1 month 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

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,202 views • 4 months 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:

Hassan

349,250 views • 1 year 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.

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,212 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)

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,707 views • 2 months 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

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,865 views • 1 month 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)

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,972,314 views • 2 months ago