Knowledge Base

Curated X posts, YouTube videos, repositories and articles on AI, web development and design. Updated every day, summarised by AI and searchable with AI search.

Topics

43 entries

Keyword: ui-design

X post:Adham Dannaway16 Oct 2026
Icônes: Comprehensive Collection of Open Source Icons
Adham Dannaway highlights icones.js.org, a web resource that brings together a vast range of open-source icon sets.
176bookmarks7.1kviews
Web development· Resource
Repository:superdesigndev/superdesign15 Oct 2026
SuperDesign: AI Agent for UI Design in IDEs and Coding Assistants
SuperDesign is an AI product design tool that generates UI mockups, wireframes, and code components directly from natural language prompts inside IDEs such as VS Code, Cursor, and Windsurf. While the original open-source extension repository is archived, the tool now operates primarily as a web canvas application with coding agent integration.
7.3kstarsTypeScript
From X post: Open-source repositories to upgrade UI design in AI coding agents
AI & LLMs· Tool
Repository:madebymustafa/design-taste15 Oct 2026
design-taste: Design skills for AI coding agents to eliminate generic UI slop
The open-source repository design-taste provides 24 agent skills for tools like Claude Code and Cursor, replacing generic LLM styling habits with distinct aesthetic identities.
80starsJavaScript
From X post: Open-source repositories to upgrade UI design in AI coding agents
AI & LLMs· Tool
X post:Houdayfa7 Oct 2026
Curated UI and Motion Component Libraries for Modern Web Interfaces
Designer Houdayfa shares a curated list of UI component libraries and animation resources for modern web applications. Key highlights include Arc UI, featuring AI-compatible animated components for Next.js and shadcn, and Kinetics, offering 153 spring-physics animations.
611bookmarks18.9kviews
AI & LLMs· Resource
X post:Gabriel6 Oct 2026
Scroll Animation Terminology to Improve Prompts for Claude and Codex
Gabriel shares a video cheat sheet highlighting standard terms for scroll animations. These terms help developers clearly describe frontend animation patterns when prompting AI models like Claude or Codex.
8.7kbookmarks224kviews
AI & LLMs· Resource
Link:Anand3 Oct 2026
OpenChat: React Demo for an AI Search Visibility Dashboard
OpenChat presents a product-style React demo interface designed for tracking brand visibility across generative search engines. It displays citation metrics, share-of-voice data across answer engines, and tactical content actions.
From X post: Opensource UI: Free Copy-Paste Components for React and Next.js
Web development· Demo
Link:details.so1 Oct 2026
Details.so: Curated Web Animation Code Snippets via Copy and Paste
Details.so provides a curated library of ready-to-use web animation snippets and micro-interactions designed to be copied directly into web projects.
From X post: Parallax carousel built with Keen Slider for interactive frontend showcases
Web development· Resource
X post:Chatto28 Sept 2026
Create UI Announces Version 1.5 of Its Design System
Creator Chatto announced the upcoming release of Create UI v1.5 and subsequently shared the launch link for the updated design system.
186bookmarks11.3kviews
Web development· Announcement
Link:Superfuture28 Sept 2026
Superfuture design-review: Automated UI and Design Critique for Agents
Superfuture has published design-review, an agent and CLI skill designed to evaluate user interfaces from screenshots, component code, or URLs. It assesses aspects such as accessibility, typography, and contrast, delivering prioritized, actionable fixes.
From X post: UI Skills: Curated Guidelines and Prompts for Higher-Quality Interfaces
AI & LLMs· Tool
Link:MengTo28 Sept 2026
Beautiful Shadows: Refined Tailwind CSS Shadow Utilities by MengTo
MengTo introduces 'beautiful-shadows', a utility preset for Tailwind CSS designed to add depth and layered elevation to interfaces without muddy or heavy visual artifacts.
From X post: UI Skills: Curated Guidelines and Prompts for Higher-Quality Interfaces
Web development· Resource
Link:Emil Kowalski28 Sept 2026
Apple Design: Fluid Web Interface Principles by Emil Kowalski
Emil Kowalski distils Apple's principles for fluid, physically modelled interface design and translates them to web technologies such as Pointer Events, CSS, and spring animations.
From X post: UI Skills: Curated Guidelines and Prompts for Higher-Quality Interfaces
Web development· Resource
Link:anthropics28 Sept 2026
frontend-design: Anthropic's Skill Guide to Counter Generic AI Web Aesthetics
Anthropic's 'frontend-design' skill defines precise design and coding instructions for AI models to build distinctive, production-grade frontend interfaces that avoid generic, template-driven AI aesthetics.
From X post: UI Skills: Curated Guidelines and Prompts for Higher-Quality Interfaces
AI & LLMs· Resource
Link:designeer.xyz28 Sept 2026
designeer.xyz: Curated Hub for Design Engineering and Interface Craft
designeer.xyz is a structured directory for design engineers and frontend specialists, covering design galleries, interface tools, and craft-focused reading material.
From X post: Designeer: Curated Directory for Interface Craft and Design Engineering
Web development· Resource
X post:Abraham John27 Sept 2026
Curated Resources for Interactive UI/UX Design
Abraham John shares a curated list of websites showcasing interactive design resources and real-world interface patterns for UI/UX designers.
6.8kbookmarks359.1kviews
Web development· Resource
Link:OwlsTech26 Sept 2026
LogoToUse: Curated Logo Library for Design and Web Projects
LogoToUse by OwlsTech is a directory of ready-to-use logos offered in coloured, black, and white formats. The service integrates with Figma, Sketch, and Webflow, and promotes complementary AI design tools.
From X post: Tools for Designers in the AI Era: From Inspiration to Contract Signing
Web development· Resource
X post:Dhruv21 Sept 2026
Designeer: Curated Directory for Interface Craft and Design Engineering
Dhruv has launched designeer.xyz, a curated repository covering interface craftsmanship, design systems, component libraries, design engineering resources, and visual inspiration.
649bookmarks23.2kviews
Web development· Resource
Link:elyx.design20 Sept 2026
Elyx: A Local-First Product Design Tool Built for AI Workflows
Elyx introduces an alternative product design environment built on local, human-readable files, Git integration, and native AI interoperability instead of proprietary cloud silos.
From X post: Pieter Omvlee Announces Elyx: A Local-First Design Tool Built for Code and AI Agents
AI & LLMs· Tool
Link:PyModel20 Sept 2026
Niblet Designer UI: UI Reference Platform and MCP Server for AI Coding Agents
Niblet Designer UI is a hosted library containing over 65,000 real application screens, accessible to AI coding agents via the Model Context Protocol (MCP) as structured interface references.
From X post: Curated Directory of DESIGN.md Resources and AI-Ready Design Systems
AI & LLMs· Tool
Link:collectui.com20 Sept 2026
Collect UI: Daily UI and Web Design Inspiration
Collect UI is a curated directory for user interfaces and websites providing daily design inspiration. Part of the Panda Network, the platform offers hand-picked UI showcases and an accompanying newsletter.
From X post: Curated Directory of DESIGN.md Resources and AI-Ready Design Systems
Web development· Resource
Link:sales-crm-kargulstudio.vercel.app20 Sept 2026
Sales CRM Dashboard: Web Interface for Pipeline and Deal Management
A web-based dashboard interface for a sales CRM designed to visualise pipeline values, deal stages, and account activity.
From X post: Next.js CRM Dashboard Built with Claude Fable 5.1 and Design Skills
Web development· Demo
X post:Louis Nguyen Studio15 Sept 2026
UI Interaction: Record Deletion and Undo in Data Tables
Louis Nguyen Studio showcases an interaction design prototype for deleting and undoing deletion of company records within a table interface.
175bookmarks8.5kviews
Web development· Demo
X post:Viktor Oddy13 Sept 2026
Design Resources for AI Coding: Curated UI Pattern Inspiration
Viktor Oddy shares a curated list of specialised design galleries and prompt libraries tailored for developers using AI coding tools such as Lovable, Bolt, Cursor, and Claude.
1.7kbookmarks48.5kviews
AI & LLMs· Resource
X post:Houdayfa13 Sept 2026
Interactive Editor for Liquid Orbs and Glass Effects
Houdayfa highlights a web-based tool for creating and customising liquid, glass-style orbs with adjustable colours, shapes, and visual effects in the browser.
616bookmarks28.4kviews
Web development· Tool
Link:Jakub Krehel12 Sept 2026
Make Interfaces Feel Better: Design Engineering Principles for Polished UIs
Jakub Krehel shares 'make-interfaces-feel-better', a design engineering skill and guideline package for building and reviewing UI details. It covers rules across typography, surfaces, animations, icons, and performance, alongside a structured review methodology.
From X post: Top 5 UI Skills for Design Engineers Using AI Agents
Web development· Resource