auditing-ui-archeology
面向遗留前端模板（Pug、EJS、HTML）的 UI 逆向审计技能，用于提取组件、布局与条件逻辑清单，产出向现代组件化设计系统迁移的蓝图。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,341 个结果
scaffolding-nextjs-foundation
该技能用于在现代化改造的脚手架阶段生成新的 Next.js 应用，集成 TypeScript、Tailwind、ESLint 与 shadcn UI，并按旧系统审计规则安装所需依赖，最终在空基础上验证构建是否成功。
scaffolding-ui-and-pages
该技能用于把 docs/legacy-audit/ 中的 UI_Component_Inventory.md 产物转换为现代 ShadCN + Tailwind 组件，并搭建完整的 Next.js 页面，适用于前端重构与页面脚手架场景。
aeo-audit
aeo-audit 是用于评估网站对 AI 搜索可读性的审计技能。它抓取网站页面，并从定位清晰度、结构化内容、查询匹配、技术信号、内容深度、对比内容六个维度为每个页面打分，帮助改善被 AI 搜索引擎引用的机会。
slat-wipe
slat-wipe 是 gooseworks-ai/gooseworks-ads-skills 中的动效原语（motion-graphic primitive），将画面或指定区域横向切成多根条纹，逐条从 A 层擦除以露出下方 B 层，形成类似百叶窗或快门的揭示效果。
gooseworks-master
GooseWorks 数据工具包，提供 100+ 数据技能，用于抓取 Twitter/X、Reddit、LinkedIn 与网站，查找人物、邮箱和公司信息，并进行联系人丰富与线索生成。通过 API 密钥调用技能目录，也可经 Orthogonal 网关调用 300+ 第三方 API。
wechat mini program expert (native js)
这是一个面向原生微信小程序（JavaScript）开发的专家技能，强调性能、代码体积与原生兼容性。它要求开发者使用 ES6+ JavaScript、箭头函数、Promise/async-await 封装异步 API，通过 this.setData() 与数据路径实现局部更新，在 WXML 中为 wx:for 添加 wx:key 并使用 bind:tap 或 catch:tap，在 WXSS 中使用 rpx 与 BEM 命名，并优先使用 Component() 而非 Page()。同时给出常见问题预防建议，如 iOS 日期需将 - 替换为 /、使用 wx.switchTab 跳转 tab 页并注意页面栈上限 10、用 cover-view 覆盖 canvas/video/map 等原生组件。该技能明确禁止使用 TypeScript、Taro、Uni-app 或任何跨平台框架。
sgds-components-file-upload
SGDS 文件上传组件技能，用于在页面中渲染带样式的文件上传按钮，支持已选文件列表、移除、类型限制、多文件选择与校验反馈。适用于需要 SGDS 文件上传控件的场景。
sgds-components-icon
sgds-icon 是 SGDS Web Component 体系中的图标组件，用于从 SGDS 内置 SVG 图标注册表渲染图标。使用时应提供必填的 name 属性，而不是使用 img 标签或外部图标库。
sgds-components-icon-button
SGDS 图标按钮 Web Component（sgds-icon-button）技能，用于仅含图标、无可见文字标签的交互按钮，提供正确语义并通过 ariaLabel 强制无障碍标注。
sgds-components-icon-list
SGDS 的 <sgds-icon-list> Web Component，用于渲染每项前带图标的列表，适合功能亮点、摘要或元数据展示。需按列表尺寸显式设置图标尺寸，组件不暴露 CSS 自定义属性，安装与框架集成见 sgds-components-setup。
sgds-components-input
SGDS 文本输入组件技能，介绍 <sgds-input> 单行表单控件的用法，支持标签、提示文字、前缀/后缀、校验反馈、加载状态与 action 插槽，并覆盖各输入类型、属性、插槽和事件。
sgds-components-link
SGDS Link 组件技能：用于 sgds-link Web Component 的样式化导航链接。该组件包裹一个 slotted <a> 标签，提供 SGDS 链接样式、无障碍处理与图标定位，支持 tone 与 size 等属性。
sgds-components-mainnav
SGDS 网站主导航栏组件技能：用 sgds-mainnav、sgds-mainnav-item 和 sgds-mainnav-dropdown 构建站点顶部导航，小屏自动折叠为汉堡菜单。
sgds-components-overflow-menu
SGDS 的 overflow menu 网页组件技能：提供一个三点（⋯）图标按钮，点击后展开下拉操作菜单，菜单项使用 sgds-dropdown-item，常用于表格行、卡片和列表中的上下文操作。
sgds-components-progress-bar
SGDS 进度条组件技能：使用 <sgds-progress-bar> 展示任务或数值的横向进度指示，支持 primary/neutral 变体与可见标签，并要求设置无障碍属性。
sgds-components-setup
SGDS Web Components 的安装与框架集成技能，涵盖 React 19、React 18 及以下、Next.js、Vue、Angular 的引入方式与事件绑定差异，并提供编译源码排障方法。安装：npm install @govtechsg/sgds-web-component。
sgds-components-sidenav
SGDS 侧边导航组件技能，使用 sgds-sidenav、sgds-sidenav-item 和 sgds-sidenav-link 构建支持多级嵌套的垂直侧边栏导航，可用于菜单折叠、当前页高亮和粘性定位。
sgds-components-skeleton
SGDS 的 <sgds-skeleton> Web Component，用于在内容加载前渲染占位骨架屏，减少感知加载时间并避免布局抖动。支持矩形、圆角矩形、圆形与多行文本，可选 sheen 横向微光动画。
sgds-components-subnav
SGDS 的水平二级导航组件技能，使用 <sgds-subnav> 与 <sgds-subnav-item> 在主导航下方展示二级导航栏，支持标题、导航链接和可选操作按钮。
sgds-components-switch
SGDS 的开关组件技能：使用 <sgds-switch> 展示用于二元开/关控制的拨动开关，支持左右标签、图标、禁用、尺寸设置及 sgds-change 事件。
sgds-components-table-of-contents
SGDS 的页内目录组件技能，介绍如何用 <sgds-table-of-contents> 渲染带锚点链接的页内导航列表，包含默认插槽标题与 contents 插槽的用法及使用限制。
sgds-components-toast
SGDS 的 Toast 通知组件技能，介绍如何使用 sgds-toast 与 sgds-toast-container 显示简短、非阻塞的通知，包含变体、自动隐藏、位置、插槽、事件与 JS 方法等用法。
sgds-utilities-background-color
SGDS 背景色工具类技能，指导开发者使用带 sgds: 前缀、基于语义令牌且适配明暗主题的背景色工具类，按组件级与页面级区分选择 surface、语义色与透明度等变体，用于卡片、徽章、表单、板块和遮罩等场景。