10 Einträge
Schlagwort: design-systemLink:ui.shadcn.com
shadcn/ui bietet modulare und barrierefreie UI-Komponenten als Fundament für eigene Design-Systeme. Entwickler binden keine starren Pakete ein, sondern übernehmen und erweitern den Quellcode nach eigenen Bedürfnissen. Die Plattform liefert vorgefertigte Bausteine für Dashboards, Formulare und Chat-Interfaces.
Aus Video: UI Libraries for Claude Code: Avoiding the Default AI Aesthetic
Link:Impeccable
Impeccable dokumentiert und prüft typische Design-Klischees von KI-Modellen (»AI Slop«) sowie Usability-Fehler. Das Werkzeug analysiert Code, gerenderte Websites und Design-System-Abweichungen anhand eines Katalogs von 68 Regeln.
Aus Video: Seven Claude Skills to Eliminate Generic AI Web Design
Link:Lunagraph
Lunagraph ist ein visuelles Design-Tool für Design Engineers, das Layouts, Komponenten-Zustände und Interaktionen direkt in lauffähigen React-Code übersetzt. Die Plattform integriert externe KI-Coding-Agenten wie Claude Code, Codex oder Cursor via MCP und ermöglicht das Arbeiten mit bestehenden Code-Komponenten direkt auf der Canvas.
Aus X-Post: Animated Website Graphic for Agent and Canvas Interaction in Lunagraph
X-Post:Chatto
Designer und Entwickler Chatto kündigte das Release von Create UI v1.5 an und stellte kurz darauf die neue Version des Design-Systems vor.
186Lesezeichen11.277Aufrufe
X-Post:Abraham John
Abraham John stellt Astryx vor, ein Design-System für Designer und Entwickler, das mehr als 170 anpassbare Open-Source-UI-Komponenten und KI-unterstützte Werkzeuge bietet.
491Lesezeichen19.457Aufrufe
Link:The Watermelon Team
Watermelon bündelt ein Open-Source-Design-System, Agenturleistungen, mobile Komponenten und KI-gestützte Workflows in einer zentralen Plattform für Software-Startups.
Aus X-Post: Curated Modern UI Component Libraries for Rapid Frontend Development
Link:NextLevelBuilder
Das Skill-Paket ui-ux-pro-max-skill von NextLevelBuilder stellt Design- und UI/UX-Fähigkeiten für Agent-Workflows bereit und verzeichnet über 680.000 Installationen.
Aus X-Post: Anti-Slop: 15 Agent Skills for Better Design and Humanised Content
Link:eyedropper.design
Eyedropper extrahiert Design-Tokens wie Farben, Typografie und Abstände direkt aus bestehendem Code und stellt diese KI-Agenten über das Model Context Protocol (MCP) zur Verfügung. Generierter Frontend-Code wird automatisch gegen das Design-System validiert, um Abweichungen vom Markenauftritt zu verhindern.
Aus Video: Eyedropper: Design Systems and Automated UI Verification for AI Agents
Repository:kielchang/dooping-design-book
Dooping Design Book ist eine quelloffene, praxisnahe Designsprache und Komponenten-Referenz für Administrations- und Backend-Systeme. Das Projekt trennt Design-Tokens, kopierbare React-Komponenten und dokumentierte Interaktionsmuster strikt voneinander, um branchenspezifischen Ballast zu vermeiden.
33SterneTypeScript
Aus X-Post: AI Video-Driven Web Animations: oil-oil's Design Engineering Workflow
Prompt:admin
Ein strukturierter System-Prompt leitet KI-Modelle dazu an, als Brand Strategist und Senior UI/UX Designer aufzutreten, um vollständige Styleguides und Design-System-Grundlagen für Websites zu generieren.
KI & AI· Sammlung
10 von 10 angezeigt
Haben Sie einen interessanten Artikel, ein Video oder einen Tweet, der in unsere Wissensbasis gehört? Schreiben Sie uns an office@webconsulting.at.
Dieser Inhalt wurde teilweise mithilfe von KI erstellt.
