Utilisez-le lorsque vous avez besoin des ressources de conception de Resend. Il dirige vers les directives de marque, l'identité visuelle, les composants d'interface utilisateur, les jetons de conception et les modèles de pages marketing.
Cette compétence est conçue pour les développeurs et les concepteurs qui travaillent avec la marque Resend, leur fournissant un accès centralisé à toutes les ressources de conception essentielles. Elle permet de rediriger rapidement les utilisateurs vers les directives de marque officielles, l'identité visuelle, les composants d'interface utilisateur (UI), les jetons de conception (design tokens) et les modèles de pages marketing. Idéale pour garantir la cohérence de la marque dans les projets utilisant Resend, cette compétence simplifie la recherche et l'application des ressources de conception, que ce soit pour le développement front-end, le prototypage ou la création de contenu marketing. Compatible avec les assistants IA comme Claude Code, Cursor ou Codex, elle intègre directement les références de conception dans le flux de travail sans quitter l'interface de développement. En s'appuyant sur la documentation SKILL.md, elle structure et localise les ressources pour une adoption rapide et efficace par les équipes techniques et créatives.
npx skills add https://github.com/resend/design-skills/tree/main/skills/resend-design-skillsInstalled? Explore more Image skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
Utilisez-le lorsque vous avez besoin des ressources de conception de Resend. Il dirige vers les directives de marque, l'identité visuelle, les composants d'interface utilisateur, les jetons de conception et les modèles de pages marketing.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.