flutter-infinite-canvas
这是一个 Flutter 技术示例，演示如何结合 InteractiveViewer 与 CustomMultiChildLayout 构建可无限平移、缩放并支持多点触控的画布。示例提供一个 WidgetCanvas 组件及配套控制器，可在画布上放置多个子组件，并支持拖动、选中与移动。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-21 00:11
前端与建站
10,939 个结果
signals-and-flutter-hooks
本技能介绍 Flutter 中的状态管理演进路径，从基础的 setState 到 ValueNotifier、Signals、Flutter Hooks，以及结合两者的 signals_hooks。内容以计数器示例贯穿，展示每种方案如何读写状态、触发界面更新，并说明 Signals 6.0.0 之后兼容 ValueNotifier、可用 Watch 或 .watch(context) 替代 ValueListenableBuilder，以及 useState、useSignal、useComputed、useSignalEffect 等 Hook 用法。适合希望减少样板代码、引入响应式状态管理的 Flutter 开发者参考。
sharepoint-html
该技能用于编写能在 SharePoint OneUp HTML 查看器中正常渲染的 HTML，并以当前登录用户身份发布到其 OneDrive 或 SharePoint，返回可打开的 webUrl。适用于需要将自包含 HTML 仪表盘、报表或页面发布到用户个人盘或站点库的场景。
markstream-react
markstream-react 是一个用于在 React 18+ 或 Next 应用中接入 markstream 渲染器的 beta 版技能，由 simon-he95/markstream-vue 提供。它适用于宿主应用为 React 或 Next、需要安全接入 Markstream 的场景，主要面向 AI 流式输出、聊天界面以及历史内容渲染等需求。该技能的工作流程包括：确认仓库为 React 18+ 或兼容的 Next 宿主并接受 beta 渲染器 API；安装 markstream-react 及所需可选 peer 依赖；从应用外壳或客户端入口导入 markstream-react/index.css；根据渲染边界选择入口点——markstream-react 用于常规客户端渲染，markstream-react/next 用于 Next 专用组件接口，markstream-react/server 用于无客户端 hooks 的服务端渲染。技能强调以 content 起步，针对流式或高频 AI 输出优先使用内置平滑流式能力。关于收费、价格、具体功能效果等资料暂未提供。
cogover-fe
Cogover Frontend Skill 是一套面向 Cogover 前端开发的约束性技能规则集，采用“路由表 + 按需参考”的模型组织。它规定了在编写或评审 UI 代码、创建提交、处理国际化、编写单元测试时应遵循的流程与规范，涵盖 @stringeecom/ui-kit 组件库的使用、表单受控组件、样式令牌、导入路径、日期处理等要求。技能以索引文件为核心，具体细节分散在 reference/ 目录下的多个参考文件中，需根据当前任务按需读取。
syncfusion-javascript-chat-ui
该技能用于实现 Syncfusion JavaScript Chat UI 聊天界面控件（ej2-interactive-chat），来自 @syncfusion/ej2-interactive-chat 包。它面向构建客服对话、AI 聊天机器人、消息系统和协作沟通工具等会话类应用，提供消息管理、用户区分、输入中指示器、文件附件、@提及、快捷回复、消息回复、模板定制、消息工具栏、按需加载等能力，并支持键盘导航、ARIA、RTL、本地化与持久化。使用前需安装 @syncfusion/ej2-interactive-chat 及其依赖（ej2-base、ej2-navigations、ej2-inputs、ej2-buttons、ej2-dropdowns、ej2-popups），并引入主题 CSS。通过创建 ChatUI 实例并配置 user、messages 等属性即可初始化，支持 addMessage、updateMessage、scrollToBottom、scrollToMessage、focus 等方法以及 messageSend、userTyping、mentionSelect、itemClicked、附件上传等事件。具体收费与授权信息暂未提供。
syncfusion-javascript-sidebar
Syncfusion JavaScript Sidebar 是 Syncfusion Essential JS 2 提供的可展开、可折叠侧边导航组件，用于在 TypeScript/JavaScript 应用中构建响应式导航菜单、可停靠面板和移动端友好布局。组件支持四种展开类型（Over、Push、Slide、Auto）、停靠（Docking）、动画与触摸手势，并可根据断点自动在桌面端和移动端切换行为。它可放置在任意 HTML 容器中，通过隐式或显式 target 指定作用内容区域，并支持列表视图、树视图及自定义 HTML 内容集成。开发者可以通过 show()、hide()、toggle() 等方法控制状态，并监听 open、close、change、created、destroyed 等事件。组件还提供主题样式定制、RTL 支持、状态持久化以及较完整的 API 属性参考。
table-features
TanStack Table v9 的功能注册与调试技能。用于为表格添加或排查各类功能，包括功能注册、行模型槽位、前置依赖、排序、过滤、分页、选择、单元格跨列以及列布局等。核心思路是通过 tableFeatures 显式注册所需功能及其依赖，再将稳定的 features 对象传入适配器构造函数，从而决定可用的 API、选项、状态切片及其类型。
tailwind-utility-classes
Tailwind CSS 工具类技能，用于在 HTML 中直接使用低层工具类完成布局、间距、排版、颜色与视觉效果等设计。内容涵盖工具优先（utility-first）的写法、核心工具类分类（布局、间距、排版、颜色与背景、边框与阴影、效果），以及响应式断点、状态变体、暗色模式、任意值、类名组织等最佳实践，并给出卡片、响应式导航、网格布局等示例与常见模式（居中、文本截断、宽高比）和反模式提示。
show-before-after
这是一个用于生成“前后对比”（Before/After）单页 HTML 的技能，旨在通过并排展示视觉变化来辅助说明。该技能支持将某个可视化对象在变更前与变更后的两种状态并排呈现，并把解释说明用编号注释固定到读者所看到的具体位置。Before 通常代表当前状态，After 则代表计划、已完成分支或替代方案。其核心价值在于让视觉差异及其原因一目了然，适用于 UI 界面、图表、示意图、渲染文档、图像输出、终端与日志文本等多种场景。生成结果是一个自包含的 HTML 页面，两侧内容各自来自最忠实的源，并配有编号注释与图钉：悬停注释会高亮对应图钉，悬停图钉也会高亮对应注释，从而把说明与画面绑定。页面输出到临时目录中的 before-after.html，并以 file:// 方式在后台浏览器打开，同时返回绝对路径。
wp-theme-dev
wp-theme-dev 是一个用于开发 WordPress 主题的技能，目标是产出可供生产使用、符合 WordPress 官方编码规范、WordPress.org 主题审核要求、WCAG 2.1 AA 无障碍标准以及现代 Web 开发最佳实践的主题。它声称产出的主题在无障碍、安全、可翻译、性能和提交 WordPress.org 方面均达到要求。该技能默认构建块主题（全站编辑），除非用户明确要求经典主题；强调函数文件精简、输出转义与输入净化、翻译字符串、前缀命名、GPLv2 或更高版本许可等规则，并提供主题脚手架、模板与区块样板生成、readme.txt 生成及交付流程。
frontend-visualqa
Frontend Visual QA 是一个用于前端界面视觉验证的技能，通过截图证据确认页面实际渲染效果，适用于 DOM 断言不足以覆盖的场景。它支持显式视觉声明、视口设置和截图证据，可借助 frontend-visualqa MCP 服务器或 CLI 使用。主要用途包括：确认代理处于正确路由或 UI 状态；检查可见性、裁剪、溢出、z-index、截断和响应式行为；验证模态框、菜单、提示、标签页、禁用按钮等交互状态。不适用于启动开发服务器、模糊的“让它更好看”类请求，或大范围视觉差异比对。使用前需确保前端已在本地运行，优先使用 MCP 工具以保持浏览器状态。支持临时模式（公开页面）和持久模式（需认证应用、多步骤流程）。工具响应会返回截图证据路径，需向用户展示。
react-spectrum-s2
基于 Adobe React Spectrum S2（@react-spectrum/s2）组件库构建 React 界面的技能，指导在选用 S2 组件、导入子路径、样式宏、集合组件与可访问性等方面遵循官方约定。
threejs-geometry
用于 Three.js 网格形状与顶点数据处理的技能，涵盖内置几何体、BufferGeometry、自定义属性、索引网格、线条与点，以及 InstancedMesh 实例化优化。
html-ppt-designer
将用户内容转化为精致 HTML 演示文稿页面的技能，支持 LLM 智能设计优先与本地模板回退，提供多种视觉风格、翻页动效、配图方案（Unsplash、AI 插图、Excalidraw、Iconify）以及带配音和内嵌字幕的 MP4 视频导出。
section-dividers
用于为网页分区生成透明装饰分隔条与视差边界图，包含生成、背景分析与去背处理等脚本和排错流程。
site-mapper
Site Mapper 是一个用于爬取网站并生成结构化内容地图的技能，可发现网站主要页面并输出带页面标题、URL 和内容摘要的层级站点地图，适合了解网站结构或建立站点清单。
swiftui-ui-patterns
面向 SwiftUI 视图与组件开发的实践指导资料，侧重示例驱动。适用于新建或重构 SwiftUI UI、设计标签页架构等场景，提供状态管理、组件引用、Sheet 模式与项目脚手架等规则。
custom-angular-component-creator
用于在分支上通过 dxs ng 命令族创建或编辑 Datex Studio 自定义 Angular 组件（CAC，configurationTypeId=36）的技能。CAC 是手写的独立 Angular 组件，运行在生成应用中并注入平台上下文，适合声明式组件无法表达的定制图表、仪表盘与布局。
typo3-workspaces
面向 TYPO3 v14 的 Workspaces 技能指南，讲解版本化、暂存与发布、overlay 机制、工作区感知查询、文件与文件集合限制、权限、前端预览与诊断，并给出安装与配置检查清单。
anti-ui-slop
anti-ui-slop 是一套用于检测、审查、预防和移除前端代码中 AI 生成界面趋同模式（“AI slop”）的技能，适用于构建或调整 UI、审查界面时使用。
frontend-design
用于创建具辨识度、生产级前端界面的技能：支持截图/图片设计稿提取与从零设计两套工作流，强调排版、配色、动效与空间构图，避免通用化的AI审美。
nextjs-project-manager
面向 Next.js 14+ App Router 项目的专家指导技能，用于构建路由、服务端/客户端组件、表单、布局、数据获取与调试等 Next.js 专属模式。
html
该技能用于创建和修订持久、独立的 HTML 产物：在指定或生成的产物目录中保存一个完整的自包含 index.html。它会解析 HTML 状态根目录下的 ARTIFACT_DIR（否则使用展开后的 ~/.html），对已有命名产物就地修订，或为新工作生成三个随机小写单词的 slug。技能只写入 ARTIFACT_DIR/index.html，作为完整自包含、忠实于来源、响应式、具有语义结构和可访问控件的界面，除非用户指定了其他入口文件。随后在 127.0.0.1 上使用一个空闲的非常见端口为 ARTIFACT_DIR 启动长期运行的静态服务器，并在任务运行内验证确切的 http://127.0.0.1:<PORT>/index.html；若绑定或获取失败，则换端口从第 3 步重试，并在交接期间保持已验证的服务器存活。最终回复格式为：HTML file: <绝对入口文件路径>，然后 HTML: [Open locally](<已验证的 /index.html URL>)；若无法验证服务，则省略链接，给出路径并附一条简短原因。