// Finance & Trading
higgsfield-website-skill
Claude Code Skill: cinematic AI-video websites (Higgsfield MCP, Seedance 2.0) - agents-first setup
// Finance & Trading[ cli ][ api ][ desktop ][ web ][ mobile ][ claude ]#claude#finance$open-sourceupdated about 1 month ago
Actively maintained
91/100
last commit about 1 month ago
last release none
releases 0
open issues 0
// star history
Install with your AI
Paste into Claude Code, Cursor, or any agent — it reads the repo and wires the tool into your project.
Install and set up higgsfield-website-skill (git-clone project) into my current project. Found on https://claudeers.com/higgsfield-website-skill Repo: https://github.com/Arnie936/higgsfield-website-skill Homepage/docs: — Detected install method: git-clone → git clone https://github.com/Arnie936/higgsfield-website-skill Category: finance. Platforms: cli, api, desktop, web, mobile. Read the repo's README for exact setup and env vars, then install it and wire it into my project. Claudeers Health Verdict: active; community-verified: false. Confirm the source before running anything.
// or clone
git clone https://github.com/Arnie936/higgsfield-website-skill
// compatibility
| Platforms | cli, api, desktop, web, mobile |
|---|---|
| Operating systems | — |
| AI compatibility | claude |
| License | — |
| Pricing | open-source |
| Language | — |
Higgsfield Website Skill 🎬
Ein Claude-Code-Skill, der aus einer kurzen Beschreibung eine cinematische Scroll-Website mit KI-generierten Videos baut — Higgsfield MCP (Seedance 2.0, GPT Image 2, Nano Banana), Scroll-Scrub/Exploded-View-Animationen, automatischer Browser-QA-Test und Hosting in einem Flow. Für Produkte, Portfolios, Restaurants, Immobilien, E-Commerce, SaaS, Gyms und mehr.
🤖 Agents first: Setup in einem Prompt
Kopiere diesen Prompt in Claude Code (oder einen anderen Coding-Agent) — er installiert alles:
Installiere den Higgsfield-Website-Skill aus https://github.com/Arnie936/higgsfield-website-skill :
1. Hole den Skill und kopiere den Ordner "higgsfield-website" ins aktuelle Projekt.
(Frage mich vorher, ob ich ihn projektbasiert oder global haben will)
- Wenn git installiert ist: Repo in ein temporäres Verzeichnis klonen.
- Wenn nicht: KEIN git installieren, sondern das ZIP ohne git laden und entpacken:
https://github.com/Arnie936/higgsfield-website-skill/archive/refs/heads/main.zip
(Windows: Invoke-WebRequest + Expand-Archive / macOS+Linux: curl -L + unzip)
- Lege danach im Projekt-Root eine Datei "AGENTS.md" an (bzw. ergänze eine bestehende),
damit jeder Agent den Skill findet. Inhalt:
"Skills und Konfiguration liegen unter .claude/ — siehe
.claude/skills/higgsfield-website/SKILL.md fuer den Higgsfield-Website-Workflow."
2. Registriere diese zwei MCP-Server projektbasiert (nicht global), auf die Art,
die DEIN Agent vorsieht:
- "higgsfield": HTTP-Transport, URL https://mcp.higgsfield.ai/mcp
- "playwright": Befehl "npx @playwright/mcp@latest"
In Claude Code z.B.:
claude mcp add --scope project --transport http higgsfield https://mcp.higgsfield.ai/mcp
claude mcp add --scope project playwright -- npx @playwright/mcp@latest
In anderen Agents (Codex, Cursor …): trage beide in deren MCP-Konfiguration ein.
3. Prüfe, ob ffmpeg installiert ist (ffmpeg -version). Falls nicht, installiere es passend
zum Betriebssystem (Windows: winget install Gyan.FFmpeg / macOS: brew install ffmpeg /
Linux: apt install ffmpeg) — frage mich vorher kurz um Erlaubnis.
4. Falls ich noch keinen Higgsfield-Account habe oder die MCP-Verbindung nicht autorisiert ist:
Bitte mich, mich über diesen Link anzumelden und die Verbindung freizugeben:
https://higgsfield.ai/s/mcp-arnold-oberleiter-tNjMkM
5. Sag mir, dass ich den Agent einmal neu starten soll, damit die MCP-Server verbinden.
6. Bestätige die Installation und erkläre mir in 2 Sätzen, wie ich den Skill benutze
(einfach beschreiben, welche Website ich will — der Skill übernimmt den Rest).
Hinweis: Der Anmelde-Link ist ein Referral-Link von mir, danke =)
Was der Skill kann
- Interview statt Prompt-Bastelei: Was willst du bauen? Eigenes Input-Bild oder Hero-Bild generieren? HD oder 4K? Zielsprache? Zielgeräte (Desktop/Tablet/Mobile)?
- 10 Templates + 7 Scroll-Konzepte: Luxury Product, Journey, Portfolio, E-Commerce, Restaurant, Real Estate, Automotive, SaaS, Agency, Gym — kombiniert mit bewusst gewähltem Scroll-Verhalten (Scroll Scrub, Exploded View, Push Through, Scrollytelling u.a.).
- Kosten unter Kontrolle: Shot-Plan mit Credit-Schätzung und Freigabe, bevor irgendetwas generiert wird; Hero-Bild-Checkpoint, bevor teure Videos entstehen.
- Handwerk statt KI-Look: These-Zeile, OKLCH-Palette, Copywriting-Regeln, Anti-AI-Verbotsliste, Video-Gesetze für sauber scrubbare Clips.
- Echter QA-Pass: Der Agent testet die fertige Seite selbst im Browser (Playwright): Scroll-Scrub, Konsole, Layout, gewählte Viewports — erst dann kommt die Abnahme-Frage.
- Hosting: Auf Wunsch direkt über den Higgsfield MCP.
Manuelle Installation
- Ordner
higgsfield-website/nach.claude/skills/deines Projekts kopieren (oder~/.claude/skills/für global). Für Nicht-Claude-Agents (Codex, Cursor …) zusätzlich eineAGENTS.mdim Projekt-Root anlegen mit dem Verweis: "Skills und Konfiguration liegen unter.claude/— siehe.claude/skills/higgsfield-website/SKILL.md." - Higgsfield MCP hinzufügen:
claude mcp add --scope project --transport http higgsfield https://mcp.higgsfield.ai/mcp - Higgsfield-Account anlegen / MCP autorisieren: https://higgsfield.ai/s/mcp-arnold-oberleiter-tNjMkM
- Claude Code neu starten und z.B. schreiben: „Mach mir eine cinematische Website für meine Uhrenmarke, mit Exploded-View-Effekt."
Voraussetzungen
- Claude Code und Higgsfield-Credits (Seedance 2.0)
- Higgsfield MCP + Playwright MCP (projektbasiert) und ffmpeg — fehlt etwas, installiert der Skill es selbst beim Setup-Check; der Setup-Prompt oben richtet ebenfalls alles ein
Struktur
higgsfield-website/
├── SKILL.md # Workflow: Interview → Kostenfreigabe → Hero-Checkpoint →
│ # Videos → Website → Browser-QA → Abnahme → Hosting
└── references/
├── templates.md # Die 10 Website-Templates (Shots, Sektionen, Design, Copy)
└── craft.md # 7 Scroll-Konzepte, Design-DNA, Video-Gesetze, Qualitäts-Gates
// faq
What is higgsfield-website-skill?
Claude Code Skill: cinematic AI-video websites (Higgsfield MCP, Seedance 2.0) - agents-first setup. It is open-source on GitHub.
Is higgsfield-website-skill free to use?
higgsfield-website-skill is open-source, so it is free to use.
What category does higgsfield-website-skill belong to?
higgsfield-website-skill is listed under finance in the Claudeers registry of Claude-compatible tools.
1 views
★ 17 stars
unclaimed
updated about 1 month ago
// embed badge
[](https://claudeers.com/higgsfield-website-skill)
// retro hit counter
[](https://claudeers.com/higgsfield-website-skill)
// reviews
// guestbook
0/500
// related in Finance & Trading
🔓An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
// financenextlevelbuilder/⟨Python⟩★ 117,642◷ MIT[ claude ]
🔓TradingAgents: Multi-Agents LLM Financial Trading Framework
// financeTauricResearch/⟨Python⟩★ 98,344◷ Apache-2.0[ claude ]
🔓AI-powered job application framework built on Claude Code. Fork it, fill in your profile, and let Claude evaluate jobs, tailor CVs, write cover letters, and…
// financeMadsLorentzen/⟨TypeScript⟩★ 31,558◷ MIT[ claude ]
🔓"Vibe-Trading: Your Personal Trading Agent"
// financeHKUDS/⟨Python⟩★ 31,292◷ MIT[ claude ]