product-film
将产品发布/宣传视频制作成一个自包含 HTML 文件的技能：1920×1080 舞台、场景时间线、纯 render(t) 渲染函数与合成配乐同源同步，可在浏览器实时预览（拖动、逐帧、带声播放），并通过无头 Chrome 逐帧渲染加 ffmpeg 导出 MP4。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,339 个结果
iom-frontend-design-system
该技能用于让前端设计与实现与仓库中使用的 IOM ITB 设计系统保持一致，适用于创建或更新 Vue 与 Tailwind 页面、布局等场景。使用前需先判断目标界面属于公开站点还是管理后台，再加载对应的参考文件（public-site.md 或 admin-dashboard.md）。公开站点以品牌为导向，友好、圆润、以 IOM 蓝色为核心；管理后台偏模板化、中性、以生产力为先，使用灰色表面加靛蓝点缀，正文使用 Manrope，标题/展示使用 Google Sans Flex。技能强调复用现有设计令牌与组件模式，保持路由结构、组件组合、表单行为与数据流不变，避免意外混用两套美学，并在代码中对照邻近页面进行视觉验证。
denji
Denji 是一个 CLI 工具，可将 Iconify 的 SVG 图标抓取、经 SVGO 优化后生成为 React、Preact、Solid、Qwik、Vue、Svelte 等框架的类型化原生组件，支持添加、删除、列出、导出、导入和管理图标。
kanpeki
Kanpeki 是一个面向 React 的复制粘贴式组件库，组件通过 shadcn CLI 复制进项目而非作为 npm 包安装，基于 React Aria Components、CVA beta 与 Tailwind CSS 4.1 构建，代码归使用者所有。
tanstack-form
TanStack Form 的 React 类型安全表单最佳实践技能，涵盖表单创建、校验、字段组合与提交处理，适用于使用 @tanstack/react-form 构建表单的场景。
frontend-agent
Frontend Agent 是面向 React、Next.js、TypeScript 与现代 UI 开发的前端专家技能，用于构建界面组件、客户端逻辑与状态管理、样式与响应式设计、表单校验和用户交互，以及对接后端 API。
insane-crawl
insane-crawl 是一个本地、可恢复的公开网站研究爬虫，用于多页面抓取与文档站点映射。它通过命令行引擎执行爬取、查看状态、恢复任务、读取结果与页面内容，并支持发现接口候选。仅限公开页面，遇到登录、支付或验证码即停止。
tailwind-plus
Tailwind Plus 是一个本地工作区工具，用于定位并复用已授权的 Catalyst UI 套件和 Tailwind Plus 组件目录（已迁移至 React 19）。它帮助开发者在编写 UI 标记前先查找磁盘上的私有副本，通过脚本检查环境变量或默认路径确认工作区存在，并读取说明文件了解迁移约定和组件指南。核心规则包括优先使用 v4/react-system.tsx 块和 catalyst-ui-kit/typescript/ 目录，复制类结构后适配项目配色、按钮样式、路由和暗色模式策略，仅复制任务所需组件，禁止重新发布套件或目录作为组件库，且不得打开包含凭据的 .tailwindplus-downloader-*.json 文件。该工具适用于已获得 Tailwind Plus 许可、希望避免从零编写 UI 并保持组件一致性的开发场景，但依赖本地已存在的工作区，缺失时需先参考设置文档。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调大胆的美学方向、创意排版、统一配色与精细视觉细节，避免千篇一律的“AI 味”设计，输出真实可运行的代码而非线框图。
seo-geo-optimize
该技能会分析前端项目（如 SvelteKit、Next.js 或静态站点），并直接修改源码，补全 SEO、本地 SEO（Geo/Schema.org）与社交图谱结构化数据，而非仅生成审计报告。
lit-components
lit-components 是 forcedotcom/salesforcedx-vscode 仓库中的一个技能，用于创建或编辑该仓库内的 Lit 组件，涵盖响应式属性与内部状态。它要求使用 Lit 标准装饰器配合 TypeScript auto-accessors，从各自的 lit/decorators/<name>.js 模块导入装饰器，用 @property(...) public accessor 声明公开响应式输入，用 @state() private accessor 声明内部渲染状态。有默认值的访问器应内联初始化，由宿主提供的必需输入使用明确赋值断言。对象或数组输入需使用 { attribute: false } 以避免映射到 HTML 属性，需要 Lit 转换的属性应指定 type。禁止使用旧的 static properties 加 declare 模式，也不得启用 experimentalDecorators 或旧式类字段语义。行为或渲染变更后，需通过包编译、lint、单元测试和针对性浏览器测试进行验证。
salesforce-experience-site
用于创建、修改和管理 Salesforce Experience Cloud 站点（LWR 站点）的技能，可生成站点元数据、配置站点设置并排查部署错误。
salesforce-web-app-feature
用于为 Salesforce React Web 应用添加功能的技能，覆盖认证、全局搜索、图表、GraphQL、共享 UI 与 Agentforce 会话客户端等官方功能包，采用先复制再调整的集成流程，并在集成后用构建与开发命令验证。
salesforce-web-application
Salesforce Web Application 是 forcedotcom/sf-skills 中的一个技能，用于处理 Salesforce React Web 应用（Salesforce BYO React 模板）相关的开发工作。它本身是一个子知识目录，汇总了 Web 应用的功能包、记录创建以及“复制后调整”工作流等主题。当需要为 Salesforce React 应用添加功能、创建 Salesforce 记录、列出或创建自定义对象记录，或排查与 Web 应用相关的部署错误时，可使用该技能。技能通过 get_expert_knowledge 按主题名加载具体子知识，包括 webApplicationFeature、webApplicationCreatingRecords、webApplicationListAndCreateRecords。
forge_check-all-components-design
用于全面检查项目中所有 React 组件设计质量：扫描目标目录，对照组件设计规范识别 God Component、配置驱动、业务耦合等反模式，汇总报告并给出重构建议。触发词：检查组件设计、扫描组件质量、组件设计审查。
forge_generate-preview
该技能用于对 React 组件 .tsx 文件生成结构化 .json 描述与可视化 .md 目录树预览，服务于组件拆分前的结构分析、复杂度评估与规划。触发词为生成组件预览文档、拆分前分析、组件结构可视化。
forge_i18n-best-practice
面向 i18n 国际化代码的规范技能，要求在创建或重构国际化实现时遵循 react-i18next 最佳实践，涵盖初始化配置、翻译文件结构、组件用法、SSR 同步、语言切换与测试 Mock。
forge_implement-split
forge-town/skills 中的代码拆分技能，用于将大型组件或模块按最佳实践拆分为多个独立文件，系统性执行重构并保证结构规范。触发词包括拆分组件、实现文件拆分、代码模块拆分重构、component-split。
forge_page-best-practice
用于创建或审查前端页面结构的技能规范，要求遵循 Anatomy 规范，正确分离 Wrapper、Content 与可选 Store 模块。资料未提供官方文档与完整代码细节。
forge_refactor-classname
用于检查或转换 React/Vue 文件中 className 模板字符串为 cn 函数调用的技能，支持递归扫描文件夹并输出详细报告，适用于优化 className 写法与重构模板字符串。
forge_refactor-ui-components
该技能用于将代码中的原生 HTML 元素（如 button、input、select 等）自动重构为项目组件库组件，确保符合组件库规范并保持功能不变。触发词包括重构 UI 组件、替换原生元素、迁移到组件库。使用流程为：读取 forge_ui-components-best-practice 规范，扫描目标文件并识别所有需要替换的原生元素，按照重构清单逐项执行替换，并确保导入语句正确添加、Props 正确映射。核心原则是替换时保持原有功能不变，Props 一一对应映射。
forge_store-best-practice
面向 Zustand 状态管理 Store 的编码规范技能，要求在创建或重构 Store 时遵循 slice 模式、Provider 设置与类型安全规范，并参照示例代码结构与检查清单逐项验证。
forge_storybook-best-practice
用于创建或维护 Storybook Stories 的技能，确保组件文档的命名、参数定义与装饰器配置符合项目 Storybook 编写规范。
forge_svg-icon-best-practice
面向 React TypeScript 项目的 SVG 图标组件规范技能，用于管理或新增图标时统一命名、封装与导出方式，确保遵循项目标准。