resend-design-skills 是做什麼的？
當需要 Resend 設計資源時使用。導向品牌指南、視覺識別、UI 元件、設計代碼和行銷頁面模式。
當需要 Resend 設計資源時使用。導向品牌指南、視覺識別、UI 元件、設計代碼和行銷頁面模式。
此技能旨在幫助開發者和 AI 代理快速找到 Resend 的設計資源。它能夠引導使用者取得品牌指南、視覺識別系統、UI 元件庫、設計代碼（design tokens）以及行銷頁面模式。支援的平台包括 Claude Code、Cursor 和 Codex 等 AI 代理工具。透過此技能，使用者可以確保他們的專案與 Resend 的設計語言保持一致，並有效利用預先定義的設計資產來加速開發。
npx skills add https://github.com/resend/design-skills/tree/main/skills/resend-design-skillsInstalled? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
當需要 Resend 設計資源時使用。導向品牌指南、視覺識別、UI 元件、設計代碼和行銷頁面模式。
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.