32 Einträge
Schlagwort: design-systemsRepository:display-dev/visualize
visualize ist ein Open-Source-Skill für KI-Coding-Assistenten wie Claude Code, Cursor oder Codex, um typische KI-Standard-Designs bei generierten HTML-Dokumenten durch markenkonforme Vorlagen und definierte Überarbeitungsbefehle zu ersetzen.
67SterneHTML
X-Post:Alice Kangro
Alice Kangro teilt das Open-Source-Projekt display-dev/visualize als persönliche Empfehlung. Das Werkzeug dient als Skill für AI-Coding-Agents, um individuelle und markenkonforme HTML-Dokumente anstelle von generischen Standard-Designs zu erzeugen.
163Lesezeichen6274Aufrufe
X-Post:Dhruv
Dhruv hat die Plattform designeer.xyz gestartet. Die Website bündelt kuratierte Links zu Design-Galerien, Interface-Design-Werkzeugen, Komponentenbibliotheken, Leseempfehlungen und profilierten Design Engineers.
649Lesezeichen23.185Aufrufe
Link:elyx.design
Elyx stellt einen neuen Ansatz für Produktdesign vor, der auf lokalen Dateien, Git-Versionskontrolle und nativer KI-Kompatibilität basiert. Statt geschlossener Cloud-Silos nutzt das Tool eine menschen- und maschinenlesbare Beschreibungssprache.
Aus X-Post: Pieter Omvlee Announces Elyx: A Local-First Design Tool Built for Code and AI Agents
Link:designmd-store.com
Design.md Marketplace bietet eine kuratierte Sammlung von über 51 kostenlosen DESIGN.md-Dateien. Die Spezifikationen dienen dazu, KI-Coding-Assistenten wie Claude, Cursor und GitHub Copilot mit standardisierten Designsystemen bekannter Marken auszustatten.
Aus X-Post: Curated Directory of DESIGN.md Resources and AI-Ready Design Systems
Link:Jakub Krehel
Jakub Krehel bietet mit dem Skill «better-ui» präzise Vorgaben zur visuellen Verfeinerung von Benutzeroberflächen. Der Leitfaden betont exakte Werte für Animationen und Abstände sowie visuelle Korrekturen.
Aus X-Post: OpsLoop Dashboard Built in Next.js Using Opus 5.5 and Design Skills
Repository:shadcn-ui/lint
shadcn/lint ist ein Linter für Tailwind CSS (v4), der Design-System-Regeln so formuliert, dass KI-Coding-Agenten sie direkt verstehen und korrigieren können. Statt kryptischer Typprüfungen liefert das Tool Fehlermeldungen mit konkreten Handlungsempfehlungen.
2178SterneTypeScript
Aus X-Post: shadcn Introduces shadcn/lint: Agent-First Linter for Tailwind Design Systems
X-Post:Adham Dannaway
Adham Dannaway hat eine neue Ressource zur Benennung von Design Tokens vorgestellt. Der Leitfaden bietet Anleitungen für die Namensgebung und den Aufbau eigener Token-Systeme.
305Lesezeichen12.620Aufrufe
X-Post:Chris Tate
Chris Tate verweist auf die Ankündigung von shadcn/lint, einem neuen Linter für Tailwind-Designsysteme, der speziell für die Zusammenarbeit mit KI-Agents konzipiert wurde.
468Lesezeichen121.704Aufrufe
X-Post:Manish Kumar
Manish Kumar hat eine Liste von Webseiten zusammengestellt, die Werkzeuge, Vorlagen und Bibliotheken rund um DESIGN.md-Dateien bereitstellen. Diese strukturierten Markdown-Dateien dienen als maschinenlesbare Design-Spezifikationen für Entwicklungs- und KI-Tools wie Cursor, Claude oder GitHub Copilot.
2559Lesezeichen66.372Aufrufe
X-Post:Adham Dannaway
Designer Adham Dannaway analysiert etablierte Design-Systeme wie IBM Carbon und das Atlassian Design System. Er untersucht, wie diese Teams Farbpaletten, Elevation-Tokens und komplexe UI-Muster strukturieren.
489Lesezeichen18.733Aufrufe
Link:Jakub Krehel
Jakub Krehel stellt mit 'make-interfaces-feel-better' ein Regelwerk und Skill-Paket für Frontend-Entwickler und UI-Reviews vor. Es umfasst konkrete Design-Engineering-Regeln für Typografie, Oberflächen, Animationen, Icons und Performance sowie ein klares Format für Code-Reviews.
Aus X-Post: Top 5 UI Skills for Design Engineers Using AI Agents
X-Post:Tom Dörr
Tom Dörr empfiehlt SkillUI, ein quelloffenes CLI-Werkzeug, das vollständige Design-Systeme von Websites oder aus Codebases extrahiert und für Claude Code aufbereitet.
335Lesezeichen13.542Aufrufe
Link:Jakub Krehel
Jakub Krehel stellt eine Sammlung spezialisierter Agent Skills vor, die Frontend-Teams bei Interface-Details wie Typografie, OKLCH-Farben, Barrierefreiheit, Layouts und Microcopy unterstützen.
Aus X-Post: Agent Design Skills: UI Polish and Accessibility for AI Agents
X-Post:Adham Dannaway
Designer Adham Dannaway empfiehlt eine Sammlung spezialisierter Agent-Skills von Jakub Krehel. Das Paket erweitert KI-Agenten um konkretes Fachwissen in den Bereichen UI-Design, Typografie, OKLCH-Farben, Barrierefreiheit, Layout und Product Writing.
492Lesezeichen28.585Aufrufe
Repository:jakubkrehel/skills
jakubkrehel/skills ist eine kuratierte Sammlung modularer Agent-Skills, die KI-Assistenten wie Claude Code fundiertes Wissen über Interface-Design, Typografie, Barrierefreiheit und UI-Engineering bereitstellen.
5773SterneMarkdown
Aus X-Post: Jakub Krehel on the Adoption and Quality of AI Skills
Artikel:Anthropic
Anthropic hat Claude Design als Beta-Feature für Pro-, Max-, Team- und Enterprise-Pläne veröffentlicht. Das Tool kombiniert einen Chat mit einer visuellen Arbeitsfläche (Canvas), um Prototypen, Benutzeroberflächen und Präsentationen auf Basis eigener Design-Systeme zu erstellen.
Aus Video: Weekly AI Updates: Local Models, GPT-6 Astra, and Agent Architectures
Artikel:Anthropic
Anthropic Labs hat Claude Design angekündigt, ein neues Werkzeug zur gemeinsamen Erstellung von Benutzeroberflächen, Prototypen, Präsentationen und Marketingmaterialien. Das Tool basiert auf dem Vision-Modell Claude Opus 4.7 und richtet sich an Designer, Produktmanager und Marketing-Teams mit Pro-, Max-, Team- oder Enterprise-Abonnements.
Aus Video: Weekly AI Updates: Local Models, GPT-6 Astra, and Agent Architectures
Link:Resend
Resend stellt seine Design- und Brand-Richtlinien in maschinenlesbarer Form bereit und bietet sie zugleich als installierbaren Agent Skill an. Das System umfasst Farbpaletten, Typografieskalen, Logovorgaben und Gestaltungsprinzipien.
Aus X-Post: Zeno Rocha shares link to resend.com/design.md
Artikel:Vercel
Vercel beschreibt ein internes System namens product-design, mit dem Coding-Agents nicht nur funktionierenden Code erzeugen, sondern auch Designentscheidungen und Kontext verstehen lernen.
Aus X-Post: Vercel: Teaching Agents Product Design
Link:ux-components.com
UX Components ist eine Web-Ressource zum Vergleichen von UI-Komponenten, Icons und Standards über verschiedene Design-Systeme hinweg.
Aus X-Post: Recommendation: ux-components.com by Cody Lindley
Link:diffui.ai
Diffui ist ein KI-Tool zur Generierung von UI-Designs und responsiven Webkomponenten basierend auf Texteingaben und bestehenden Marken-Screenshots.
Aus X-Post: Curated Resource List for Design Engineers
Link:21st Labs, Inc.
21st.dev ist ein Marktplatz und Verzeichnis mit über 12.000 React-Komponenten, Vorlagen und Themes. Die UI-Elemente basieren auf Tailwind CSS sowie shadcn/ui-Konventionen und lassen sich über vorbereitete Prompts direkt in AI-Tools wie Claude Code, Lovable oder Cursor einbinden.
Aus X-Post: Curated UI Components and Transitions for Web Apps and AI-Native Interfaces
Link:TurboProduct design studio
Das Designstudio TurboProduct stellt mit Beautiful UI eine Sammlung von 21 UI-Komponenten unter MIT-Lizenz bereit, die speziell auf KI-native Schnittstellen und Agenten-Workflows zugeschnitten sind.
Aus X-Post: Curated UI Components and Transitions for Web Apps and AI-Native Interfaces
24 von 32 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.
