Design Systems

Tokens, theming, component libraries, Storybook.

76 skills

# Skill Source Description
1 design-system-rules n8n-io/n8n 186 446 186446
2 design-system-rules n8n-io/n8n 186 446 186446
3 frontend-design anthropics/skills Créer des interfaces frontend mémorables, distinctives et production-ready avec une vision esthétique audacieuse. 127 148 127148
4 frontend-design anthropics/skills 127 148 127148
5 penpot-uiux-design github/awesome-copilot 31 949 31949
6 premium-frontend-ui github/awesome-copilot 31 949 31949
7 web-design-reviewer github/awesome-copilot 31 949 31949
8 web-design-reviewer github/awesome-copilot 31 949 31949
9 web-design-guidelines vercel-labs/agent-skills 26 038 26038
10 figma openai/skills Implémenter des designs Figma en code en traduisant fidèlement les composants visuels. 18 021 18021
11 figma openai/skills 18 021 18021
12 figma-code-connect-components openai/skills Connecter des composants Figma à leurs équivalents code via Code Connect. 18 021 18021
13 figma-code-connect-components openai/skills 18 021 18021
14 figma-create-design-system-rules openai/skills Générer des règles de système de design personnalisées pour guider les agents IA dans l'implémentation Figma. 18 021 18021
15 figma-create-design-system-rules openai/skills 18 021 18021
16 figma-create-new-file openai/skills Créer un nouveau fichier Figma vierge dans les brouillons d'un utilisateur. 18 021 18021
17 figma-create-new-file openai/skills 18 021 18021
18 figma-generate-design openai/skills Créer ou mettre à jour des écrans Figma en réutilisant les composants du design system. 18 021 18021
19 figma-generate-design openai/skills 18 021 18021
20 figma-generate-library openai/skills Construire des systèmes de design Figma professionnels en orchestrant des workflows multi-phases structurés. 18 021 18021
21 figma-generate-library openai/skills 18 021 18021
22 figma-implement-design openai/skills Convertir des designs Figma en code production avec une précision pixel-perfect. 18 021 18021
23 figma-implement-design openai/skills 18 021 18021
24 figma-use openai/skills Exécuter du JavaScript dans Figma via le Plugin API pour manipuler des fichiers. 18 021 18021
25 figma-use openai/skills 18 021 18021
26 nuxt-ui nuxt/ui 6 539 6539
27 design-md google-labs-code/stitch-skills 5 126 5126
28 design-md google-labs-code/stitch-skills 5 126 5126
29 enhance-prompt google-labs-code/stitch-skills 5 126 5126
30 enhance-prompt google-labs-code/stitch-skills 5 126 5126
31 shadcn-ui google-labs-code/stitch-skills 5 126 5126
32 shadcn-ui google-labs-code/stitch-skills 5 126 5126
33 stitch-design google-labs-code/stitch-skills 5 126 5126
34 stitch-design google-labs-code/stitch-skills 5 126 5126
35 taste-design google-labs-code/stitch-skills 5 126 5126
36 taste-design google-labs-code/stitch-skills 5 126 5126
37 frontend-design-review microsoft/skills Auditer et concevoir des interfaces frontend de qualité production, élégantes et distinctives. 2 191 2191
38 frontend-ui-dark-ts microsoft/skills Créer une interface React sombre avec animations, glassmorphisme et composants TypeScript prêts à l'emploi. 2 191 2191
39 wiki-vitepress microsoft/skills Packager des pages wiki Markdown en site VitePress sombre avec diagrammes Mermaid interactifs. 2 191 2191
40 figma-code-connect figma/mcp-server-guide 1 318 1318
41 figma-code-connect figma/mcp-server-guide 1 318 1318
42 figma-create-design-system-rules figma/mcp-server-guide 1 318 1318
43 figma-create-design-system-rules figma/mcp-server-guide 1 318 1318
44 figma-create-new-file figma/mcp-server-guide 1 318 1318
45 figma-generate-design figma/mcp-server-guide 1 318 1318
46 figma-generate-design figma/mcp-server-guide 1 318 1318
47 figma-generate-library figma/mcp-server-guide 1 318 1318
48 figma-implement-design figma/mcp-server-guide 1 318 1318
49 figma-implement-design figma/mcp-server-guide 1 318 1318
50 figma-use figma/mcp-server-guide 1 318 1318