UI Tooling
Figma, accessibility audit, screenshot, Playwright UI testing.
| # | Skill | Source | Description | Maj | |
|---|---|---|---|---|---|
| 1 | ui-screenshots | github/awesome-copilot | Capturer et recadrer des screenshots d'interfaces web pendant le développement. | 34 930 | 19j |
| 2 | developing-with-streamlit | streamlit/agent-skills | Router vers les sous-skills spécialisés pour développer, optimiser et styliser des apps Streamlit. | 204 | 1mo |
| 3 | huggingface-gradio | huggingface/skills | Créer des interfaces web interactives et démos ML avec Python via Gradio. | 10 655 | 2mo |
| 4 | building-streamlit-dashboards | streamlit/agent-skills | Créer des dashboards Streamlit avec métriques, graphiques et filtres en sidebar. | 204 | 3mo |
| 5 | building-streamlit-chat-ui | streamlit/agent-skills | Construire des interfaces de chat conversationnelles avec Streamlit et des LLMs. | 204 | 4mo |
| 6 | building-streamlit-multipage-apps | streamlit/agent-skills | Structurer une application Streamlit multi-pages avec navigation et état partagé. | 204 | 4mo |
| 7 | displaying-streamlit-data | streamlit/agent-skills | Afficher données et graphiques Streamlit avec clarté et lisibilité optimales. | 204 | 4mo |
| 8 | using-streamlit-layouts | streamlit/agent-skills | Structurer une app Streamlit avec sidebar, colonnes, onglets et dialogues. | 204 | 4mo |
| 9 | using-streamlit-markdown | streamlit/agent-skills | Formater du texte Streamlit avec Markdown, icônes, couleurs et LaTeX. | 204 | 4mo |
| 10 | choosing-streamlit-selection-widgets | streamlit/agent-skills | Choisir et utiliser les widgets de sélection Streamlit adaptés à chaque cas. | 204 | 4mo |
| 11 | improving-streamlit-design | streamlit/agent-skills | Peaufiner l'interface visuelle d'une app Streamlit avec icons, badges et espacements. | 204 | 4mo |
| 12 | using-streamlit-custom-components | streamlit/agent-skills | Intégrer des composants Streamlit tiers pour étendre les fonctionnalités de votre application. | 204 | 4mo |
À propos de cette sélection
Générer un screenshot automatisé, détecter une régression visuelle avant la prod, brancher un audit d'accessibilité dans une pipeline CI : les équipes reportent souvent ces étapes faute d'outillage clair. Pourtant, l'écosystème a bien mûri. Les skills ui tooling disponibles ici couvrent des cas concrets, du test interactif avec Playwright piloté par un agent jusqu'à la génération de composants animés via GSAP ou Framer. Streamlit est bien représenté pour les interfaces data-driven, et les profils qui exploitent Fluent UI ou tldraw trouveront aussi leur terrain. Le tout s'adresse autant aux devs JavaScript et TypeScript qu'aux équipes Python qui assemblent des interfaces sans framework lourd, avec suffisamment de couverture pour automatiser sérieusement ce qui se voit.