#资源卡

Resource Card 表示文件、模板、智能体、配置与其他工作台资源。强调色和预览区域用于传达类型，文本仍是信息的事实来源。

#用途

<div class="resource-grid">
  <button type="button" class="resource-card" data-kind="agent">
    <figure>...</figure>
    <section><strong>Coding agent</strong><small>CLI + 6 skills</small></section>
  </button>
</div>

#参数

#状态和变体

按钮用于就地操作；链接用于导航。两者都提供悬停和焦点可见状态。 disabled 仅与按钮根一起使用。水平方向对于最近的文件列表和搜索结果非常有用。

#可访问性

预览图稿件是装饰性的，除非它传达了独特的内容；使用 aria-hidden="true" 隐藏装饰性 SVG。保留标题文本并输入。避免在交互链接或按钮内交互式控件。