landing-page-builder
Landing Page Builder 是一套纯 HTML/CSS/JS 的落地页设计系统与组件库，无需框架和构建步骤，可复制设计令牌、JS 交互与 HTML 组件模板来搭建产品落地页、营销站或文档站，支持明暗主题、滚动动画、提示气泡与多语言。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,339 个结果
html-to-pdf
一个将 HTML 网页或演示文稿转换为高质量 PDF 的技能，提供屏幕截图级保真、屏幕向量文本、print 向量长页三种策略，并建议先读取 HTML 判断页面类型再让用户选择。
web-design-expert
为 Web 应用创建独特视觉系统的设计技能，覆盖品牌识别、配色、排版与响应式 UI 模式，含布局决策树、五种失败模式、质量门与确定性设计计划审计脚本。
error-boundary-strategist
用于设计 React 分层错误处理策略的技能：通过 Error Boundaries、Sentry 上报、恢复 UI、重试与优雅降级，避免应用出现白屏。
legal-tech-web-design
面向法律科技产品的网页设计技能，聚焦信任信号、权威标识、合规 UI 模式与法律流程多步向导，帮助设计可信、可访问且符合合规要求的法律科技界面。
performance-profiling
性能分析与瓶颈定位技能，覆盖 Node.js CPU/内存分析、Chrome DevTools、火焰图、内存泄漏检测、React 渲染分析与数据库查询分析，强调先测量后优化。
reactive-dashboard-performance
面向 React 响应式仪表盘的性能与测试技能，讲解骨架屏优先加载、缓存、代码分割、记忆化等性能模式，以及异步组件测试、Mock 策略与超时排查方法。
vue-router-best-practices
整理 Vue Router 4 的常见模式、导航守卫、路由参数与路由组件生命周期交互，汇总实践中易踩的坑与对应处理方向，属于面向 Vue 开发者的路由实践参考。
vue-testing-best-practices
Vue.js 测试最佳实践技能，覆盖 Vitest、Vue Test Utils、组件测试、mock 与 Playwright 端到端测试，针对测试常见陷阱给出对应参考章节。
landing-page-builder
根据文字描述生成可直接部署的静态落地页或单页网站，并默认发布到 Vercel。它会先确认设计方向，再产出单文件 index.html，也可按需部署到 AWS 或 GCP。
document-rendering-and-locators
用于实现稳健的文档渲染、定位符提取与批注锚定的技能，适用于 reader-core、目录、定位符或高亮锚定相关改动。
reader-ui-ux
用于构建本地化、无障碍的阅读器/管理后台界面，涵盖响应式布局、状态管理与可观测性的技能。
typeset
Typeset 是一个纯 Markdown 指令集形式的排版 Skill，可将 Markdown 转换为多平台兼容的精美 HTML，支持微信公众号、知乎、掘金、博客、X Articles、Medium、LinkedIn，适用于任何 AI Agent。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调高设计质量并避免常见的“AI 味”审美。适用于构建或重设计 Web 组件、页面与应用，输出可运行代码并注重排版、配色、动效与空间构图等细节。
seed-component
SEED 组件技能，用于查询组件路径、对比 React 与 Lynx 公开 API、创建或移植组件、修改既有实现，以及编写 React/Lynx 文档与示例；也可在无组件场景下分析颜色 token 的定义、别名、使用位置与 WCAG 对比度。
seed-write-lynx-component-docs
SEED Lynx 组件文档与执行示例的编写维护技能：以同组件 React 文档为基准对齐章节、示例标题与场景，确定 Registry 或 package 的导入路径，核实 Lynx Engine、XElement 兼容性与 CSS 支持，并界定浏览器预览与真实 Lynx 的验证范围。
theme-factory-codex
用于在 Codex 中创建、调整、审计或修复视觉主题的技能，围绕语义化设计令牌（颜色、字体、间距、圆角等）建立可复用视觉系统，并通过截图与视觉检查验证效果。
i18n-mobile
面向 Android、iOS 与 React Native 的移动应用国际化技能，覆盖 strings.xml、String Catalog、expo-localization、复数、RTL 及日期/数字格式化，用于翻译与本地化移动端 UI。
widgetkit
WidgetKit 技能：用于创建 iOS/macOS 小组件，涵盖 Widget、TimelineProvider、App Intents、deep links 与 App Groups，适用于锁屏、主屏、StandBy 或控制中心小组件开发。
angular-component
该技能用于按照 Angular v20+ 最佳实践创建现代 Angular 独立组件（standalone components），涵盖信号输入/输出、OnPush 变更检测、host 绑定、内容投影、生命周期、可访问性与模板语法等编写规范。
angular-di
该技能用于在 Angular v20+ 中实现依赖注入，涵盖 inject() 函数、注入令牌（InjectionToken）与提供者（provider）配置。内容包含基础注入、可注入服务、提供者作用域（根级、组件级、路由级）、各类提供者类型（useClass、useValue、useFactory、useExisting）、注入选项（optional、self、skipSelf、host）、多提供者、HTTP 拦截器、应用初始化器以及环境注入器等主题，并给出对应 TypeScript 代码示例，适用于服务架构设计、依赖提供与注入配置场景。
angular-directives
这是一个面向 Angular v20+ 的自定义指令（Directive）开发技能文档，讲解如何用指令实现可复用的 DOM 操作与行为扩展，包括属性指令、结构指令、宿主指令及指令组合等模式。文档以 TypeScript 代码示例展示高亮、工具提示、点击外部关闭、键盘快捷键、Portal 渲染、懒渲染、模板上下文等实现方式，可作为编写 Angular 指令时的参考。
angular-forms
angular-forms 是一份面向 Angular v21+ 的 Signal Forms API 使用技能资料，用于构建基于信号（Signal）的类型安全响应式表单。资料展示了表单模型、自动双向绑定、基于 schema 的校验、字段状态读取、条件校验、自定义与异步校验、跨字段校验、条件显示/禁用/只读、表单提交、数组动态字段以及错误展示与重置等用法。资料明确提示 Signal Forms 在 Angular v21 中属于实验性特性，生产环境需稳定性的应用应参考 Reactive Forms 方案。
angular-http
该技能用于在 Angular v20+ 中实现 HTTP 数据获取，覆盖基于信号的 resource()、httpResource() 以及传统 HttpClient 三种方式。资料包含 httpResource 的请求配置、默认值、条件加载与状态信号用法，resource() 的通用异步加载模式，HttpClient 的 GET/POST/PUT/PATCH/DELETE 调用与请求选项，函数式拦截器（鉴权、错误、日志）的编写与注册，以及错误重试和加载状态展示的示例代码。适合需要以响应式信号方式加载 API 数据或维护既有 HttpClient 代码的 Angular 开发者参考。