·pixel-perfect-ui
*

pixel-perfect-ui

✓
corlab-tech/skillsGitHub: corlab-tech/skillsQuelle: corlab-tech/skills

Autonome, pixelgenaue UI-Implementierungsschleife für Next.js/React mit Figma MCP und Playwright. Wandelt Figma-Designs mit iterativer visueller Validierung in produktionsbereite Komponenten um. **AUTO-TRIGGERS** bei JEDER Anfrage zur Implementierung von Figma-Designs, einschließlich: „Dieses Figma implementieren“, „Diese Seite/Komponente aus Figma erstellen“, „Aus Figma-Design erstellen“, „Design implementieren“, „Diesen Block erstellen“, „Komponente aus Design erstellen“. Verwendung für: (1) Erstellen von Seiten/Komponenten aus Figma, (2) Pixelgenaue Genauigkeit, (3) Responsive Layouts, (4) Design-Token-Konvertierung.

corlab-tech·pixel·perfect·ui
8Installationen·0Trend·@corlab-tech

Installation

GitHub: corlab-tech/skills
$npx skills add https://github.com/corlab-tech/skills --skill pixel-perfect-ui

So installieren Sie pixel-perfect-ui

Installieren Sie den KI-Skill pixel-perfect-ui schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/corlab-tech/skills --skill pixel-perfect-ui
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: corlab-tech/skills.

SKILL.md

Original anzeigen

Autonomous workflow for converting Figma designs to production-ready, pixel-perfect React/Next.js implementations with visual validation.

This skill MUST be invoked automatically when the user requests ANY of:

First, get the full page/component from Figma and identify ALL sections:

Autonome, pixelgenaue UI-Implementierungsschleife für Next.js/React mit Figma MCP und Playwright. Wandelt Figma-Designs mit iterativer visueller Validierung in produktionsbereite Komponenten um. **AUTO-TRIGGERS** bei JEDER Anfrage zur Implementierung von Figma-Designs, einschließlich: „Dieses Figma implementieren“, „Diese Seite/Komponente aus Figma erstellen“, „Aus Figma-Design erstellen“, „Design implementieren“, „Diesen Block erstellen“, „Komponente aus Design erstellen“. Verwendung für: (1) Erstellen von Seiten/Komponenten aus Figma, (2) Pixelgenaue Genauigkeit, (3) Responsive Layouts, (4) Design-Token-Konvertierung. Quelle: corlab-tech/skills.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/corlab-tech/skills --skill pixel-perfect-ui
Quelle
corlab-tech/skills
Kategorie
*Kreativität
Verifiziert
✓
Erstes Auftreten
2026-02-25
Aktualisiert
2026-03-11
URL
https://www.learn-skills.dev/de/skills/corlab-tech/skills/pixel-perfect-ui

Browse more skills from corlab-tech/skills

Schnelle Antworten

Was ist pixel-perfect-ui?

Autonome, pixelgenaue UI-Implementierungsschleife für Next.js/React mit Figma MCP und Playwright. Wandelt Figma-Designs mit iterativer visueller Validierung in produktionsbereite Komponenten um. **AUTO-TRIGGERS** bei JEDER Anfrage zur Implementierung von Figma-Designs, einschließlich: „Dieses Figma implementieren“, „Diese Seite/Komponente aus Figma erstellen“, „Aus Figma-Design erstellen“, „Design implementieren“, „Diesen Block erstellen“, „Komponente aus Design erstellen“. Verwendung für: (1) Erstellen von Seiten/Komponenten aus Figma, (2) Pixelgenaue Genauigkeit, (3) Responsive Layouts, (4) Design-Token-Konvertierung. Quelle: corlab-tech/skills.

Wie installiere ich pixel-perfect-ui?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/corlab-tech/skills --skill pixel-perfect-ui Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/corlab-tech/skills

Details

Kategorie
*Kreativität
Quelle
skills.sh
Erstes Auftreten
2026-02-25

Verwandte Skills

stenciljs-component-development
20 Installationen
stencil-atomic-design-system
12 Installationen
storybook-story-writing
7 Installationen
figma-storybook-workflow
6 Installationen
pix-storybook
6 Installationen
pix
4 Installationen