Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

made a nothing design skill for claude code. tell it "nothing style" and it builds the whole thing. tokens, components, dark+light. go grab it, it’s open source:

dominikmartn's profile picture

Dom

4,528 subscribers

293,582 Aufrufe • vor 7 Monaten •via X (Twitter)

KunstWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.
0:12

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.

Ridark

19,477 Aufrufe • vor 5 Monaten

The /design skill brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it.
0:12

The /design skill brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it.

Ado

26,791 Aufrufe • vor 2 Monaten

Give Opus 5.5 𝗮 𝗰𝗹𝗶𝗰𝗸𝗮𝗯𝗹𝗲 𝗺𝗼𝘁𝗶𝗼𝗻 𝗱𝗶𝗰𝘁𝗶𝗼𝗻𝗮𝗿𝘆: 𝟭𝟮𝟬 𝗺𝗼𝘃𝗶𝗻𝗴 𝘀𝗮𝗺𝗽𝗹𝗲𝘀, each labelled with its name and a ready-made prompt. Click the ones you like, and Claude Code builds them into your video or site. Five packs: motion graphics, camera moves and transitions, UI components, landing page and web effects, and photo looks and lighting. Four steps: 1. Paste the line at the end into Claude Code to install the skill 2. Tell it "Open the motion-prompt library" 3. Tick the samples you like in the gallery and press "Send to AI" 4. Back in Claude Code, say "Edit the opening of this video like this" It gets each sample's motion spec and reference code, and it works with Remotion, CSS or Canvas. Without the skill, press "Copy picks" and paste them in. Paste this into Claude Code and it installs itself 👇 "Read and install the motion-prompt skill in this environment. When it is installed, tell me how to use it in three lines."
0:19

Give Opus 5.5 𝗮 𝗰𝗹𝗶𝗰𝗸𝗮𝗯𝗹𝗲 𝗺𝗼𝘁𝗶𝗼𝗻 𝗱𝗶𝗰𝘁𝗶𝗼𝗻𝗮𝗿𝘆: 𝟭𝟮𝟬 𝗺𝗼𝘃𝗶𝗻𝗴 𝘀𝗮𝗺𝗽𝗹𝗲𝘀, each labelled with its name and a ready-made prompt. Click the ones you like, and Claude Code builds them into your video or site. Five packs: motion graphics, camera moves and transitions, UI components, landing page and web effects, and photo looks and lighting. Four steps: 1. Paste the line at the end into Claude Code to install the skill 2. Tell it "Open the motion-prompt library" 3. Tick the samples you like in the gallery and press "Send to AI" 4. Back in Claude Code, say "Edit the opening of this video like this" It gets each sample's motion spec and reference code, and it works with Remotion, CSS or Canvas. Without the skill, press "Copy picks" and paste them in. Paste this into Claude Code and it installs itself 👇 "Read and install the motion-prompt skill in this environment. When it is installed, tell me how to use it in three lines."

Vox

64,536 Aufrufe • vor 25 Tagen

Claude Code can now go find the right skill itself, instead of you searching for one. it's called find-skills. a small package that plugs into Claude Code, and instead of you hunting for rest, you just describe the task and it searches the whole open skills ecosystem, finds the ones that fit, and installs them for you. > tell it what you're trying to do, in plain english > it scans the skills registry and maps your task to real skills > it pulls the right ones in and sets them up half the time you don't even know a skill exists for what you're doing. now you don't have to.
0:16

Claude Code can now go find the right skill itself, instead of you searching for one. it's called find-skills. a small package that plugs into Claude Code, and instead of you hunting for rest, you just describe the task and it searches the whole open skills ecosystem, finds the ones that fit, and installs them for you. > tell it what you're trying to do, in plain english > it scans the skills registry and maps your task to real skills > it pulls the right ones in and sets them up half the time you don't even know a skill exists for what you're doing. now you don't have to.

Alvaro Cintas

38,829 Aufrufe • vor 2 Monaten

MOONSHOT JUST CLONED CLAUDE CODE AND MADE IT FREE. It's called Kimi Code CLI. Open source, MIT license, maintained by the lab that shipped K3 yesterday. And it does things Claude Code doesn't: → drop a screen recording into the chat as input → built-in coder, explore, and plan subagents, each in its own context → plan mode before it touches a single file → MCP servers configured by the agent itself via /mcp-config → plugs into Zed, JetBrains, and VS Code → one binary, no Node setup, starts in milliseconds The CLI costs $0. K3 behind it starts at $3 per million tokens. Grab it for free👇
0:17

MOONSHOT JUST CLONED CLAUDE CODE AND MADE IT FREE. It's called Kimi Code CLI. Open source, MIT license, maintained by the lab that shipped K3 yesterday. And it does things Claude Code doesn't: → drop a screen recording into the chat as input → built-in coder, explore, and plan subagents, each in its own context → plan mode before it touches a single file → MCP servers configured by the agent itself via /mcp-config → plugs into Zed, JetBrains, and VS Code → one binary, no Node setup, starts in milliseconds The CLI costs $0. K3 behind it starts at $3 per million tokens. Grab it for free👇

darkzodchi

408,234 Aufrufe • vor 3 Monaten

MiniMax M3 might be the most underrated coding model right now. I gave it nothing but a screenshot of a chaotic 90s GeoCities-style fan page, no HTML source, just the image + the asset files, and told it to rebuild the whole thing as a sleek Apple-style 2026 site. One shot. Through OpenCode. The result is genuinely stunning. It kept the soul (the "stevibe's HyperHome" identity, the visitor counter, the guestbook, the webmaster portrait) and translated every section into clean modern design, gradient hero, proper typography, dark theme, the works.
0:19

MiniMax M3 might be the most underrated coding model right now. I gave it nothing but a screenshot of a chaotic 90s GeoCities-style fan page, no HTML source, just the image + the asset files, and told it to rebuild the whole thing as a sleek Apple-style 2026 site. One shot. Through OpenCode. The result is genuinely stunning. It kept the soul (the "stevibe's HyperHome" identity, the visitor counter, the guestbook, the webmaster portrait) and translated every section into clean modern design, gradient hero, proper typography, dark theme, the works.

stevibe

21,288 Aufrufe • vor 5 Monaten

2,000+ DESIGN.md files from real product sites, colors, type, spacing, components, ready to paste into Cursor, Claude Code, v0 or Lovable. give your agent real design taste before it builds. 👉
0:18

2,000+ DESIGN.md files from real product sites, colors, type, spacing, components, ready to paste into Cursor, Claude Code, v0 or Lovable. give your agent real design taste before it builds. 👉

Imran

190,288 Aufrufe • vor 2 Monaten

I genuinely don't understand why everyone isn't using this yet Andrej Karpathy, a co-founder of OpenAI, posted a simple idea that hit 16 million views: stop using AI to write code, use it to build a second brain. You point Claude Code at a folder, drop in any source, an article, a transcript, a PDF, and Claude reads it, links it, and files it into a living wiki of everything you know. It compounds like interest, the more you feed it, the smarter it gets. Here's the whole thing: > Install Obsidian, create a vault, open it in Claude Code > Paste Karpathy's wiki idea file and tell Claude to build it > Claude makes three folders: raw for sources, wiki for its pages, a CLAUDE.md that runs it > Drop any source into raw and say "ingest this" > Ask questions across everything, forever Five minutes to set up, and you never start from a blank chat again. Full step-by-step guide with Claude and Obsidian, link below. Bookmark this
0:16

I genuinely don't understand why everyone isn't using this yet Andrej Karpathy, a co-founder of OpenAI, posted a simple idea that hit 16 million views: stop using AI to write code, use it to build a second brain. You point Claude Code at a folder, drop in any source, an article, a transcript, a PDF, and Claude reads it, links it, and files it into a living wiki of everything you know. It compounds like interest, the more you feed it, the smarter it gets. Here's the whole thing: > Install Obsidian, create a vault, open it in Claude Code > Paste Karpathy's wiki idea file and tell Claude to build it > Claude makes three folders: raw for sources, wiki for its pages, a CLAUDE.md that runs it > Drop any source into raw and say "ingest this" > Ask questions across everything, forever Five minutes to set up, and you never start from a blank chat again. Full step-by-step guide with Claude and Obsidian, link below. Bookmark this

Ridark

7,048,405 Aufrufe • vor 4 Monaten

CLAUDE CODE SKILL THAT DESIGNS LOGOS AS PURE CODE The constraint that forced the whole approach: Claude Code has no access to image generation So instead of faking it, one developer built a skill that writes the logo as SVG - actual XML - and renders that to a PNG The process runs in four phases: interview [ reads your repo first, asks about brand and audience only for what it can’t already see ] explore [ dispatches parallel agents that generate 3-5 distinct SVG concepts at once, shown side by side in an HTML preview with a light/dark toggle ] refine, export at 7 standard sizes from favicon to 2048px Because it’s real SVG and not a rasterized image, nothing about it degrades - same file works as a 16px favicon and a 2048px app icon, and every version is hand editable code afterward if you want to nudge one curve The creator’s own account of using it: roughly 15 rounds of generate, curate, cull, repeat - some concepts literally spelled out the product name, others went fully abstract, treating the whole thing like an evolutionary design process instead of a single lucky prompt The part worth remembering before you reach for a paid AI logo tool: this whole approach exists specifically because Claude Code can’t generate images - the constraint produced a better artifact than the workaround usually does full below
0:12

CLAUDE CODE SKILL THAT DESIGNS LOGOS AS PURE CODE The constraint that forced the whole approach: Claude Code has no access to image generation So instead of faking it, one developer built a skill that writes the logo as SVG - actual XML - and renders that to a PNG The process runs in four phases: interview [ reads your repo first, asks about brand and audience only for what it can’t already see ] explore [ dispatches parallel agents that generate 3-5 distinct SVG concepts at once, shown side by side in an HTML preview with a light/dark toggle ] refine, export at 7 standard sizes from favicon to 2048px Because it’s real SVG and not a rasterized image, nothing about it degrades - same file works as a 16px favicon and a 2048px app icon, and every version is hand editable code afterward if you want to nudge one curve The creator’s own account of using it: roughly 15 rounds of generate, curate, cull, repeat - some concepts literally spelled out the product name, others went fully abstract, treating the whole thing like an evolutionary design process instead of a single lucky prompt The part worth remembering before you reach for a paid AI logo tool: this whole approach exists specifically because Claude Code can’t generate images - the constraint produced a better artifact than the workaround usually does full below

YARD

10,875 Aufrufe • vor 1 Monat

Introducing React Grab Select any element on your page → tell Claude Code or Codex what to change Fully open source npx react-grab@latest
0:14

Introducing React Grab Select any element on your page → tell Claude Code or Codex what to change Fully open source npx react-grab@latest

Aiden Bai

960,685 Aufrufe • vor 8 Monaten

New Claude Code feature in v2.1.285 Run claude --desktop and Claude Desktop will open with a session ready to go Pretty cool, and it works perfectly 👇
0:11

New Claude Code feature in v2.1.285 Run claude --desktop and Claude Desktop will open with a session ready to go Pretty cool, and it works perfectly 👇

Daniel San

47,799 Aufrufe • vor 1 Monat

Claude Code v2.1.198 ships a new built-in skill: /dataviz It loads chart and dashboard design guidance directly into context: chart type selection, layout rules, and visual hierarchy for data-heavy UIs It also includes a runnable color-palette validator, so Claude can check contrast and accessibility programmatically instead of guessing No install needed, it comes with the CLI 👇
0:19

Claude Code v2.1.198 ships a new built-in skill: /dataviz It loads chart and dashboard design guidance directly into context: chart type selection, layout rules, and visual hierarchy for data-heavy UIs It also includes a runnable color-palette validator, so Claude can check contrast and accessibility programmatically instead of guessing No install needed, it comes with the CLI 👇

Daniel San

88,420 Aufrufe • vor 4 Monaten

I built a thing using Jev. Have you ever been annoyed by not finding an old Claude Code or Codex chat? => Now you can just describe what it was about and Jev finds it in milliseconds. Open Source:
0:12

I built a thing using Jev. Have you ever been annoyed by not finding an old Claude Code or Codex chat? => Now you can just describe what it was about and Jev finds it in milliseconds. Open Source:

Florian S

85,808 Aufrufe • vor 1 Monat

We've released a new frontend-design plugin for Claude Code. Here's Claude's output for: "use the frontend design skill. Create a music player app."
0:12

We've released a new frontend-design plugin for Claude Code. Here's Claude's output for: "use the frontend design skill. Create a music player app."

Thariq

498,244 Aufrufe • vor 1 Jahr

Introducing snapcn Build stunning product demo videos with code. 100+ Remotion components for animated titles, captions, device mockups, AI chat sequences, and complete scenes. Install with the shadcn CLI, customize the source, and make it yours. 100% Free. Open source.
0:16

Introducing snapcn Build stunning product demo videos with code. 100+ Remotion components for animated titles, captions, device mockups, AI chat sequences, and complete scenes. Install with the shadcn CLI, customize the source, and make it yours. 100% Free. Open source.

Shadcn Labs

134,571 Aufrufe • vor 1 Monat

Someone just broke the paywall on Claude Design… and almost no one noticed. It’s called Open Design. No subscription. No limits. No “Pro plan required.” Just raw access. 👉 Turn prompts into real UI/UX 👉 Generate designs with Claude 👉 Replace expensive design tools 👉 Fully customizable (open source) This isn’t a tool. It’s a shortcut around the entire design economy. Most people will ignore this. A few will build insane things with it. Guess which side wins. Save this before it explodes Repo:
0:14

Someone just broke the paywall on Claude Design… and almost no one noticed. It’s called Open Design. No subscription. No limits. No “Pro plan required.” Just raw access. 👉 Turn prompts into real UI/UX 👉 Generate designs with Claude 👉 Replace expensive design tools 👉 Fully customizable (open source) This isn’t a tool. It’s a shortcut around the entire design economy. Most people will ignore this. A few will build insane things with it. Guess which side wins. Save this before it explodes Repo:

Leonard Rodman

29,227 Aufrufe • vor 6 Monaten

I stopped collecting random inspo. These are the only UI + vibecoding resources I keep opening. 1. EvilCharts — animated React charts for dashboards 2. Rewamp UI — free open-source components, blocks, and landing pages 3. Refero — real product UI patterns and screens for reference 4. Bencho — AI product UI components for faster builds 5. Inspora — design inspiration for modern product UI 6. Neuform — design-to-code resources for AI UI work 7. Open Design — DESIGN.md resources so AI builds with clearer UI rules Save this before your next build 👀
0:19

I stopped collecting random inspo. These are the only UI + vibecoding resources I keep opening. 1. EvilCharts — animated React charts for dashboards 2. Rewamp UI — free open-source components, blocks, and landing pages 3. Refero — real product UI patterns and screens for reference 4. Bencho — AI product UI components for faster builds 5. Inspora — design inspiration for modern product UI 6. Neuform — design-to-code resources for AI UI work 7. Open Design — DESIGN.md resources so AI builds with clearer UI rules Save this before your next build 👀

Hey Detya

53,202 Aufrufe • vor 1 Monat

Teardown is a free Claude skill that turns one picture into a fully animated 3D model. Give it a picture and a name, and Claude builds it in 3D and keeps fixing it until it matches your picture. It turned one picture into this robotic octopus. It renders on your own computer and even writes the soundtrack. Follow for more AI news like this. #claude #claudecode #3d #threejs #aiart
0:18

Teardown is a free Claude skill that turns one picture into a fully animated 3D model. Give it a picture and a name, and Claude builds it in 3D and keeps fixing it until it matches your picture. It turned one picture into this robotic octopus. It renders on your own computer and even writes the soundtrack. Follow for more AI news like this. #claude #claudecode #3d #threejs #aiart

morenicksaraev

40,900 Aufrufe • vor 7 Tagen

February 5, 2025. Trump announces he is going to build a new ballroom at the WH and pay for it with his own money: “It’s going to cost nothing. I will spend the whole thing myself.”
0:18

February 5, 2025. Trump announces he is going to build a new ballroom at the WH and pay for it with his own money: “It’s going to cost nothing. I will spend the whole thing myself.”

Ron Filipkowski

400,529 Aufrufe • vor 6 Monaten

It’s #MediaLiteracyWeek! It can feel like nothing online is believable, but you can tell what’s real: • Is the source credible? • Is it current or outdated? • Do reputable outlets say the same? #ThinkBeforeYouShare #GlobalMILWeek
0:14

It’s #MediaLiteracyWeek! It can feel like nothing online is believable, but you can tell what’s real: • Is the source credible? • Is it current or outdated? • Do reputable outlets say the same? #ThinkBeforeYouShare #GlobalMILWeek

Foreign Policy CAN

22,684 Aufrufe • vor 1 Jahr