resend-design-skills 是做什么的？
在需要Resend设计资源时使用。引导至品牌指南、视觉标识、UI组件、设计令牌和营销页面模式。
在需要Resend设计资源时使用。引导至品牌指南、视觉标识、UI组件、设计令牌和营销页面模式。
resend/resend-design-skills 技能旨在为开发者或设计人员提供Resend品牌的设计资源。它包含Resend的品牌指南、视觉标识、UI组件、设计令牌和营销页面模式的详细文档。该技能支持Claude Code等AI代理平台，通过指向相关资源，帮助用户快速获取并使用Resend的设计资产。这对于确保产品与Resend品牌视觉一致性至关重要，同时也能加速UI组件的开发和营销页面的构建。技能的核心价值在于它集中管理了设计资源，避免了在多个文档或仓库中查找的繁琐工作。
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.