sgds-utilities-border-width
SGDS 边框宽度工具技能，用于通过 sgds: 前缀控制元素边框厚度及具体边。需先完成 sgds-utilities-setup 设置，且不依赖主题文件。边框宽度需与边框颜色类配合才可见。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,341 个结果
sgds-utilities-overview
SGDS 工具类总览技能，介绍新加坡政府设计系统（SGDS）基于 Tailwind v4 的原子类 API。所有工具类以 sgds: 前缀作用域，覆盖间距、颜色、排版、边框和视觉效果，供开发者直接在标记中应用设计决策而非编写自定义 CSS。
bio-reaction-enumeration
基于 RDKit 与反应 SMARTS 的虚拟化合物库枚举技能，涵盖正向反应枚举、RECAP/BRICS 片段化、R 基团分解、MMPA 与 Free-Wilson 分析及反应模板提取，并说明原子映射、组合爆炸等常见失败模式。
graphy-sdk-install
Graphy SDK 安装技能，用于在 React 代码库中安装 @graphysdk/viz-engine 与 @graphysdk/react-renderer 两个包，并渲染出第一个图表。该技能面向需要接入 Graphy 图表能力的 React 项目，要求 React 19、Node >= 20、支持从 node_modules 导入 CSS 的打包工具，以及可读取 @graphysdk 私有包的 npm 认证令牌。安装后通过 GraphProvider 与 GraphRenderer 组件，配合声明式 spec 与数据即可渲染柱状图。技能还包含常见问题排查，如 404/403 认证失败、React 版本 peer 错误、tiptap peer 依赖、CSS 未处理、图表区域空白以及 TypeScript 模块解析等。
html-in-canvas
面向实验性 HTML-in-Canvas API（drawElementImage）的知识包，讲解如何把存活 DOM（含 input、video、CSS 动画）拍摄为 canvas 像素并进行自由变形与交互，覆盖 Chrome Canary 与 three.js/WebGL 集成。
matt-grill-questionnaire
用于 Matt grill 流程的问卷技能：当出现未决问题时，生成一个自包含的 HTML 问卷，用户可打开、作答并复制回复提示词回贴到对话中。
animal-island-ui-style
animal-island-ui 是一套受《集合啦！动物森友会》启发的 React + TypeScript UI 组件库，提供温暖大地色、大圆角 pill、游戏按键立体感与柔和动效的组件与设计规范。
microsoft-design
Microsoft Design 是一个面向 Web 前端的 Fluent 2 设计系统技能，用于生成严格遵循 Microsoft Fluent Design 的界面代码。资料给出了圆角、双层阴影、亚克力噪点、焦点双色环等规范，并提供阴影坡度、Web Acrylic、深色模式 Acrylic、动效曲线与 Input 样式的 CSS 参考实现。
reaxuse-functions
reaxuse-functions 是面向 React 项目的 reaxuse 函数使用指南技能，帮助开发者把需求映射到最合适的 reaxuse 函数，优先用 hook 方案替代自定义代码，使实现更简洁、可维护且性能更好。
chat-ui
chat-ui 是来自 ui.inference.sh 的 React/Next.js 聊天界面构建组件集，提供聊天容器、消息气泡、输入框、打字指示器和头像等基础模块。组件基于 Tailwind CSS 与 shadcn/ui 设计令牌，可通过 shadcn CLI 一键安装，适合快速搭建 AI 对话界面。
tools-ui
tools-ui 是来自 ui.inference.sh 的 React/Next.js 工具生命周期 UI 组件集，用于在界面上展示 AI 工具调用的各个状态，包括待执行（pending）、执行中（running）、需要人工审批（approval）、成功（success）和失败（error）。它提供 ToolCall、ToolResult、ToolApproval 等组件，可显示工具名称、参数与结果，并支持审批与拒绝回调。组件会根据工具名称自动匹配图标（如搜索、文件、写入、删除、邮件等），也支持通过 className 自定义样式。可通过 shadcn 命令安装，并能与 Agent 组件配合自动处理工具生命周期。
widgets-ui
widgets-ui 是一套面向 React/Next.js 的声明式 UI 组件方案，来自 ui.inference.sh，目标是把结构化数据（JSON）直接渲染为丰富的交互界面。它通过一个 WidgetRenderer 组件接收 Widget 对象，用 children 嵌套描述布局、排版、表单控件与展示元素，并支持表单提交和数据回传。适合用于智能体或后端返回结构化响应后，前端无需手写组件即可生成界面，例如表单收集、航班信息卡片等场景。
goddesign
goddesign 是一个用于设计和构建具有鲜明视觉识别度的生产级前端界面的技能，覆盖网站、落地页、仪表盘、应用与组件，样式技术涉 HTML/CSS/React。它通过随机种子、方向锁定与工艺规则来避免千篇一律的 AI 风格界面。
remotion-best-practices
Remotion 最佳实践技能，为在 React 中用代码创建视频提供领域知识与规范，涵盖项目搭建、布局、动画、音视频素材、字幕、效果、字体等，并指引按需加载对应规则文件。
manifest-frontend
Manifest 前端系统的使用技能，涵盖构建、开发服务、调试与预设。Manifest 前端分框架层（构建与托管）与预设扩展（模板与约定）两层，可处理页面、组件与前端报错。
frontend-design
该技能用于构建具有高设计品质、风格鲜明且可直接投产的前端界面，帮助避免常见的“AI 感”同质化审美。适合需要设计并实现组件、页面或应用时使用，产出 HTML/CSS/JS、React、Vue 等可运行代码。
bem-scss
bem-scss 是一个用于编写组件 SCSS 样式的技能，要求使用 BEM 命名与严格嵌套（如 .product { &__name { ... } }），并在文件顶部通过 @use "toolbox" as *; 引入工具箱，适用于创建或重构 Angular 组件样式。
vue-standards
这是一套面向 Vue 3 开发的编码规范技能，用于在新增功能和重构时统一项目实践。核心要求包括：以单文件组件（SFC）和 `<script setup lang="ts">` 作为新代码默认写法，默认使用组合式 API（Composition API），用 computed 处理派生状态、watch/watchEffect 仅处理副作用，可复用逻辑抽取为组合式函数（composable），跨区域共享状态使用 Pinia，需跨导航或可被 URL 共享的状态使用 Vue Router。规范强调在创建任何新组件、组合式函数、store、路由模块、辅助函数或测试前先应用 LIFT 原则（定位、识别、寻找最小可复用点、避免重复），并坚持项目已有的测试、构建、Lint 和样式工具栈，不引入并行工具链。文档覆盖 SFC 结构、props 与 emits、插槽、模板引用、provide/inject、生命周期、响应式原语、模板渲染、异步组件与 Suspense、状态管理、路由、表单、TypeScript、样式与无障碍、测试以及 Vite/SSR/Nuxt 边界等主题，并给出质量检查清单。
heroui-react
HeroUI v3 是构建在 Tailwind CSS v4 与 React Aria Components 之上的 React 组件库，提供可访问、可定制的 UI 组件。本技能用于安装 HeroUI、使用其组件与自定义主题，仅适用于 v3 版本。
frontend-devtools-skill
frontend-devtools-skill 是一个用于 Chrome DevTools 风格前端调试与网站构建的技能，支持 CSS 检查、盒模型与布局诊断、Flex/Grid 父级上下文查看、溢出裁剪排查、控制台与网络检查、响应式调试及视觉差异对比。
angle-brackets
angle-brackets 是来自 himself65/skill-lint 仓库的一个技能条目，其简介说明该技能在描述文本中使用了 <html> 标签。该技能目前仅提供了名称、仓库来源与一句简短说明，未给出更多关于用途、主要能力、使用方式、适用场景和限制的信息。任何涉及功能、收费、价格、平台、效果或具体操作步骤的内容均暂未提供。
vercel-react-best-practices
Vercel React Best Practices 是由 Vercel Engineering 维护的 React 与 Next.js 性能优化指南技能，用于编写、审查或重构 React/Next.js 代码时参考。该技能包含按影响程度排序的 8 大类共 70 条规则，覆盖消除异步瀑布、包体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能以及高级模式。每条规则以独立文件形式提供，包含问题说明、错误代码示例与正确代码示例，可用于指导自动化重构与代码生成。
css-append-selector-verify
一个安全追加 CSS 样式的工作流技能：把源文件中的样式追加到目标文件后，逐个选择器用 grep 验证是否真正写入，以捕获 heredoc 静默截断，避免仅靠 tail 或 wc -l 漏检。
angular-components
用于构建 Angular 独立组件的技能规范，强调 Signals 输入、OnPush 变更检测、新控制流语法与 Smart/Dumb 组件拆分，适用于编写或重构 Angular 组件时参考。