用途：该技能提供基于 SGDS Web Component 与工具类构建的可复用 UI 区块（block），每个区块职责单一、可独立放入任意容器，也可在同一页面重复出现或与其他区块组合，用于快速拼装完整页面，无需从零编写布局代码。区块是“原料”，页面模板是“配方”。
主要能力：包含应用外壳（Application Shell，强制区块，提供 sgds-masthead、sgds-mainnav、sgds-footer 页面框架，含 Simple App 与 Sidebar App 两种布局）、页头（面包屑、图标标题、描述、主 CTA）、基础详情卡（键值字段与编辑按钮）、复选框筛选侧栏、会话详情（时间、标题、讲者、徽章、描述、头像）、表格筛选（搜索框、筛选按钮、结果计数、数据表）。
使用方式：需先引入主题与样式：import "@govtechsg/sgds-web-component/themes/day.css"; import "@govtechsg/sgds-web-component/css/sgds.css"; import "@govtechsg/sgds-web-component/css/utility.css";。区块放入页面模板内容区，典型结构为 masthead、mainnav、内容容器、footer。自定义区块须使用 sgds-* 组件、sgds: Tailwind 工具类、语义排版令牌与 sgds-icon，不得使用原生 HTML 等价物、任意 CSS 值、原始 SVG 或第三方图标库。
适用场景：政府类网站、仪表盘、内部工具、活动会议站点、列表与管理页等。
限制：每个 SGDS 页面必须包含应用外壳；分类标签、数值与计数需按用户实际数据调整，不可照搬示例；具体安装细节见 sgds-components，本资料未提供完整安装步骤与版本要求。