Design

Meilleurs outils IA pour le design (2026)

Outils de design, prompts et workflows propulsés par l'IA pour l'UI/UX, le design visuel et les projets créatifs. Générez des interfaces, optimisez les mises en page et créez des assets plus vite.

30 outils
Claude Official Skill: frontend-design logo

Claude Official Skill: frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or appli...

Anthropic 402Skills
Penpot — Open Source Design & Prototyping Platform logo

Penpot — Open Source Design & Prototyping Platform

Penpot is an open-source Figma alternative for UI/UX design and prototyping. Web-based, real-time collaboration, SVG-native, and fully self-hostable.

AI Open Source 255Skills
React-Admin — Frontend Framework for Admin Apps on REST/GraphQL logo

React-Admin — Frontend Framework for Admin Apps on REST/GraphQL

A full-featured frontend framework for building single-page admin applications on top of REST or GraphQL APIs, using TypeScript, React, and Material Design.

Script Depot 196Skills
Wagtail — The Flexible Django Content Management System logo

Wagtail — The Flexible Django Content Management System

Wagtail is an open-source CMS built on Django that gives developers full control over frontend design while providing editors with an intuitive page-editing interface.

Script Depot 191Skills
Claude Code Agent: Se UX UI Designer logo

Claude Code Agent: Se UX UI Designer

Jobs-to-be-Done analysis, user journey mapping, and UX research artifacts for Figma and design workflows

TokRepo精选 89Skills
Claude Code Agent: UI UX Designer logo

Claude Code Agent: UI UX Designer

Use proactively when reviewing UI/UX design, evaluating visual interfaces, auditing web components for usability issues, checking accessibility compliance, or critiquing design...

TokRepo精选 87Skills
Google Stitch MCP — AI Design via Model Context Protocol logo

Google Stitch MCP — AI Design via Model Context Protocol

Connect Claude Code, Cursor, Gemini CLI, or VS Code to Google Stitch for AI-driven UI design. Create projects, generate screens from text, edit designs, manage design systems — all via MCP.

Google · Gemini Team 570MCP Configs
Gemini CLI Extension: Stitch — AI Design Tool logo

Gemini CLI Extension: Stitch — AI Design Tool

Gemini CLI extension for Google Stitch. AI-driven UI design, component generation, and design system management.

Google · Gemini Team 370Skills
btop — Beautiful Resource Monitor for Linux, macOS, Windows logo

btop — Beautiful Resource Monitor for Linux, macOS, Windows

btop is a resource monitor that shows usage and stats for CPU, memory, disks, network, and processes. Beautiful TUI with mouse support, gradients, themes, and low memory footprint. The modern successor to htop and bashtop.

Script Depot 307Skills
Tavily — Search API Built for AI Agents & RAG logo

Tavily — Search API Built for AI Agents & RAG

Search API designed specifically for AI agents and RAG pipelines. Returns clean, LLM-ready results with content extraction, no HTML parsing needed. Official MCP server available. 5,000+ stars.

Tavily 277MCP Configs
Nuxt + Go-Zero Quality Audit Skill — 30 Checks from 250 Real Bugs logo

Nuxt + Go-Zero Quality Audit Skill — 30 Checks from 250 Real Bugs

Production-tested quality check skill for Nuxt SSR + Go-Zero + MySQL projects. 30 automated checks across 7 dimensions (security, race conditions, transactions, frontend SSR, dependencies, API contracts, ops) — distilled from 10 rounds of Codex audit that found ~250 real issues in a live SaaS product.

henuwangkai 272代码Skills
ComfyUI — Node-Based AI Image Generation logo

ComfyUI — Node-Based AI Image Generation

The most powerful modular AI image generation GUI with a node/graph editor. Supports Stable Diffusion, Flux, SDXL, ControlNet, and 1000+ custom nodes. 107K+ stars.

AI Open Source 264Skills
Ant Design — Enterprise-Class React UI Library logo

Ant Design — Enterprise-Class React UI Library

Ant Design is an enterprise-class UI design language and React component library created by Alibaba. 60+ production-ready components with comprehensive patterns, internationalization for 30+ languages, and a rich theme system. The go-to choice for admin dashboards.

AI Open Source 252Skills
Homebrew — The Missing Package Manager for macOS and Linux logo

Homebrew — The Missing Package Manager for macOS and Linux

Homebrew is the missing package manager for macOS (and Linux). Installs CLI tools, libraries, and GUI apps (casks) that Apple or your Linux distro did not include. The de facto way developers set up their Mac development environment.

AI Open Source 239Skills
AI Agent Design Patterns — Architecture Guide 2026 logo

AI Agent Design Patterns — Architecture Guide 2026

Catalog of proven design patterns for building AI agents: ReAct, Plan-and-Execute, Reflection, Tool Use, Multi-Agent, Human-in-the-Loop, and more. With architecture diagrams and code examples.

Prompt Lab 229Prompts
Talos Linux — Immutable, API-Managed OS for Kubernetes logo

Talos Linux — Immutable, API-Managed OS for Kubernetes

A minimal, immutable, SSH-less Linux distribution where every node is configured entirely over a gRPC API — designed only to run Kubernetes.

Script Depot 229Skills
Vuetify — Material Design Component Framework for Vue logo

Vuetify — Material Design Component Framework for Vue

Vuetify is the most popular Material Design component framework for Vue 3. 80+ beautifully crafted components following Material Design 3 guidelines with SSR support, theming, treeshaking, and accessibility baked in.

Script Depot 225Skills
Framework7 — Full-Featured Mobile UI Framework for iOS and Android logo

Framework7 — Full-Featured Mobile UI Framework for iOS and Android

A free, open-source HTML framework for building native-looking mobile apps with web technologies, supporting iOS and Material Design themes.

Script Depot 222Skills
1Panel — Self-Hosted Linux Server Management Panel logo

1Panel — Self-Hosted Linux Server Management Panel

A modern open-source Linux server management panel with a clean web UI for Docker, websites, databases, and system operations.

Script Depot 220Skills
Carbon Design System — Enterprise Design System by IBM logo

Carbon Design System — Enterprise Design System by IBM

IBM's open-source design system providing production-ready React components, design guidelines, and tooling for building consistent enterprise applications.

Script Depot 201Skills
Termux — Linux Environment and Terminal Emulator for Android logo

Termux — Linux Environment and Terminal Emulator for Android

Termux turns any Android device into a portable Linux workstation with a real package manager, shell access, and development toolchain—no root required.

Script Depot 201Skills
Nuxt — The Full-Stack Vue Framework logo

Nuxt — The Full-Stack Vue Framework

Nuxt is the intuitive full-stack framework built on Vue.js. It provides server-side rendering, auto-imports, file-based routing, data fetching, and a powerful module ecosystem — making Vue applications production-ready with minimal configuration.

Script Depot 196Skills
Ant Design Vue — Enterprise-Grade Vue 3 Component Library logo

Ant Design Vue — Enterprise-Grade Vue 3 Component Library

Ant Design Vue brings the Ant Design system to Vue.js with 60+ accessible components, TypeScript support, and comprehensive theming for building enterprise web applications.

Script Depot 195Skills
Skeleton — Adaptive Design System Powered by Tailwind CSS logo

Skeleton — Adaptive Design System Powered by Tailwind CSS

An open-source UI toolkit that combines Tailwind CSS with framework-specific components for Svelte, React, and Next.js with built-in theming.

AI Open Source 191Skills
Semi Design — Modern Design System and React UI Library by ByteDance logo

Semi Design — Modern Design System and React UI Library by ByteDance

A comprehensive design system and React component library created by ByteDance (Douyin/TikTok), offering 80+ components with built-in theming, accessibility, and internationalization.

Script Depot 189Skills
React Native Paper — Material Design Components for React Native logo

React Native Paper — Material Design Components for React Native

A cross-platform UI component library implementing Material Design guidelines for React Native apps, maintained by Callstack with first-class TypeScript support.

AI Open Source 189Skills
Magic UI — Animated React Components for Design Engineers logo

Magic UI — Animated React Components for Design Engineers

Magic UI is a free open-source collection of animated React components built with Tailwind CSS, Framer Motion, and shadcn/ui conventions that you copy and paste into your projects.

AI Open Source 189Skills
Ant Design Mobile — Essential UI Blocks for Mobile Web Apps logo

Ant Design Mobile — Essential UI Blocks for Mobile Web Apps

A mobile-first React component library from the Ant Design ecosystem, providing high-quality UI components optimized for touch interaction and mobile performance.

AI Open Source 185Skills
Claude Official Skill: web-artifacts-builder logo

Claude Official Skill: web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifact...

Anthropic 184Skills
Arco Design — Comprehensive React UI Library by ByteDance logo

Arco Design — Comprehensive React UI Library by ByteDance

Arco Design is a React component library developed by ByteDance featuring 60+ components, a design token system, and built-in dark mode for building modern enterprise applications.

AI Open Source 177Skills

L'IA dans les workflows de design

AI in Design Workflows

AI has transformed every stage of the design process. Research & Ideation — AI tools analyze competitor designs, generate mood boards, and suggest design directions based on brand guidelines. UI/UX Design — Generate wireframes, component layouts, and full-page designs from text descriptions. Tools like Stitch and Figma AI produce production-ready designs in minutes.

Visual Asset Creation — Generate illustrations, icons, background patterns, and photography with AI. The latest tools maintain brand consistency across all generated assets. Design-to-Code — Convert designs directly into React, Vue, or HTML/CSS code. AI bridges the gap between design and development, reducing handoff friction.

TokRepo curates agent skills and prompts that integrate AI design capabilities into your existing workflow — whether you use Figma, Sketch, or code-first approaches.

Design is no longer about pixel-pushing — it's about directing AI to express your creative vision.

Questions fréquentes

L'IA peut-elle générer des designs UI prêts pour la production ?+

Oui, avec des nuances. Des outils comme Stitch, Figma AI et v0 by Vercel peuvent générer des designs UI fonctionnels à partir de prompts textuels. Ils sont surtout efficaces comme point de départ — les designers professionnels affinent le rendu pour la cohérence de marque, l'accessibilité et les cas limites. L'IA gère la structure et la mise en page ; les humains assurent la qualité.

Quels outils IA utilisent les designers UX en 2026 ?+

Les designers UX utilisent fréquemment Figma avec ses plugins IA pour le prototypage rapide, Maze pour les tests d'utilisabilité propulsés par l'IA, et Claude ou ChatGPT pour la synthèse de recherche utilisateur. Les Agent Skills sur TokRepo ajoutent des capacités spécialisées comme l'audit d'accessibilité, la génération de design systems et la documentation de composants.

Comment fonctionne la conversion design-vers-code ?+

Les outils design-to-code analysent les layouts visuels (fichiers Figma, captures d'écran ou designs générés par IA) et produisent du code propre et responsive. Les meilleurs outils génèrent du code spécifique à un framework (React, Vue, Tailwind) plutôt que du HTML générique. La qualité varie — relisez et refactorez toujours le code généré avant la mise en production.

Explorer les catégories associées