teaching-html-story-deck
用于创建或升级单文件交互式教学 HTML 故事演示的技能：以问题优先的叙事组织内容，配合按内容定制的内联 SVG 图表、架构图与动效，输出可直接离线使用的独立网页。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,342 个结果
creator-plugins-ui
@lottiefiles/creator-plugins-ui 是 LottieFiles 插件 UI 组件库，基于 Base UI、Tailwind CSS 与 CVA，提供 25 个可访问组件，仅用于插件 UI 代码（src/），不用于插件沙箱。
lov-frontend-design
把需求、现有界面与真实素材落实为有辨识度、交互一致的前端，覆盖页面、组件、导航、GSAP 展示及图片音视频。适用于需要设计或优化前端 UI、制作交互案例集等场景。
lov-integrate-lovinsp
将 lovinsp（开发期点击 DOM 跳转到源码）幂等集成到浏览器渲染的前端项目，支持从 code-inspector 迁移，并在配置改完后回读验证插件顺序与 transform 是否生效。
lovstudio-maintain-partners
LovStudio 合作伙伴板块维护技能，用于在 LovStudio 网站仓库中新增合作伙伴、规范化品牌 Logo、替换 Logo、发布前审计，以及对齐活动海报或头图中的合作伙伴 Logo 行。该技能通过脚本读取网站根目录与 PARTNERS TSX 文件位置（可由 --repo、环境变量或共享 profile 配置解析），Logo 发现依赖 lovstudio-find-logo 技能。提供 normalize_logo.py、add_partner.py、audit_partners.py 三个脚本，分别用于 Logo 裁切与反色、写入 PARTNERS 数组与四种语言（zh-CN、en、ja、th）的标语、以及报告缺失 Logo 文件、缺失 i18n 键与失效链接。
lov-skill-publisher
用于将已通过源校验的本地 Skill 发布或提交到 LovStudio 官网及其他显式指定渠道的发布工具；未指定渠道时仅走 Skill Publisher 官网适配器，并在发布前自动调用 lov-skill-pricing 生成定价卡。
component-organization
一套前端目录结构与文件组织参考模式：按类型划分 components、hooks、lib、types 等目录，为组件、Hook、业务逻辑和共享类型提供明确存放位置，适用于新建组件或重构目录时参考。
frontend-code-quality
一套用于编写和审查前端代码的严格规范，涵盖组件结构、状态管理、类型安全、数据获取、命名约定与文件组织，强调可读性与可维护性，适合在开发或代码评审时作为检查依据。
publish-html-report
publish-html-report 是一个参考模式类技能，用于把自包含 HTML 可视化报告（架构图、分析报告等）通过 GitHub 秘密 gist 加 htmlpreview.github.io 发布为可浏览链接，弥补 Markdown 在富图表上的不足。
static-frontend-hosting
静态前端托管模式：用 S3 + CloudFront + Lambda@Edge 实现低成本全球分发与边缘透明认证。适合需要免登录、按链接授权的静态站点，如作品集、演示应用、受限营销页与客户专属文档。Lambda@Edge 必须部署在 us-east-1。
ui-expert
ui-expert 是一个前端界面构建技能，基于 13 个设计系统、6 个品牌范例、无障碍规范、性能基线与 32 条反模式目录，帮助生成看起来像 Linear、Vercel、Stripe、Notion、Raycast 或 Apple 的生产级界面，避免明显的 AI 生成感。
ce-frontend-design
用于前端界面设计的技能，帮助创建具有真实设计品质、避免常见 AI 同质化风格的网页界面，覆盖检测现有设计、规划、构建与视觉验证全流程。
design-taste-skill-pack
这是一个前端 UI 风格路由与选择技能包，也是整套 Taste Skill Pack 的总入口。它的核心工作是读取用户需求简报，推断最匹配的视觉方向，然后自动跳转到对应的风格技能（如极简、瑞士系统、粗野主义、暗色奢华等），并结合共享组件库与风格配方来提升最终产出质量，目标是避免生成千篇一律的通用 AI 界面。默认技术栈为 React 或 Next.js，除非用户明确指定其他框架。该技能包强调以风格为先、组件为辅的顺序：先确定风格，再用共享组件强化结果，而不是盲目堆砌炫酷组件。
client-website
面向客户网站建设的一体化工作流技能，覆盖 SEO 审计、内容抓取、Next.js 脚手架、图片视频与结构化数据，产出 SEO 优化的 Next.js 站点。
m13v-client-website
m13v-client-website 是一项面向客户网站建设的端到端工作流技能，用于从零创建、重建或改进客户官网。其流程覆盖 SEO 审计、内容抓取与提取、视觉素材整理、全页截图留存，随后使用 Next.js 16（App Router）、React 19、TypeScript 与 Tailwind CSS 4 搭建项目，结合 next/image 优化图片、PostHog 进行分析埋点，并可部署至 Google Cloud Run（含 HTTPS 负载均衡与证书管理）。该技能通过并行 SEO 智能体对现有站点做技术、内容、结构化数据、性能与 AI 爬虫可访问性基线评估，借助 WebFetch 与隔离浏览器提取页面文本、CTA、表单、导航、图片、视频嵌入与日程组件，再按设计蓝图构建 Header、Footer 与各页面，最终产出内容真实、SEO 优化、包含结构化数据与程序化 SEO 指南页的现代化站点。
setup-client-website
用于消费类/客户网站一次性上线搭建的技能，产出现代化、SEO 优化的 Next.js 站点。先对既有站点做 SEO 审计与内容抓取，再用 Next.js 16（App Router）+ React 19 + TypeScript 搭建项目，安装 @m13v/seo-components，配置主题与字体，采用路由组（route group）架构，并内置 Header/Footer、图片、视频嵌入、结构化数据等基础设施，为后续程序化 SEO 指南页（/t/<slug>）做准备。技能本身不撰写指南页内容，指南页由 gsc-seo-page 技能负责生成。
baoyu-markdown-to-html-skill
将 Markdown 转换为带内联 CSS 的精美样式 HTML，面向微信公众号等平台优化。支持代码高亮、数学公式、PlantUML、脚注、提示块与信息图，并提供 default、grace、simple 三种主题。
core-principles
面向 React 19 单页应用开发的核心理念与项目结构规范，适用于新项目规划、新人上手与架构决策评审。基于 TypeScript、Vite、Biome 与 TanStack 生态，给出目录结构、编码原则和代理执行规则。
restyle
Restyle 是 AI Site Cloner 流程中的品牌换肤技能：在保留已克隆网站布局、间距、动画与交互的前提下，替换配色、字体、Logo、favicon 与 SEO 元数据，并把 src/data/*.ts 中的全部文案改写为用户品牌。
frontend-excellence
Frontend Excellence 是一套用于构建独特、生产级前端界面的设计技能，旨在避免千篇一律的“AI 味”审美。适用于网页 UI、React 组件、落地页等场景，强调先确定大胆的美学方向，再按用途、基调、约束与差异化进行设计。
hexo-butterfly
Hexo Butterfly 主题配置与使用指南技能，涵盖主题安装、页面配置、主题配置、标签外挂、FAQ 与进阶教程，帮助用户搭建和维护基于 Hexo 的卡片式博客主题。
1k-date-formatting
用于 OneKey 应用的日期与时间格式化技能，确保界面中的日期时间遵循应用语言与区域设置。适用于在 UI 组件中显示日期时间、格式化 API 时间戳、按应用 locale 转换日期字符串等场景。
a2ui-v0-8
A2UI v0.8 统一技能，用于生成服务端 JSONL UI 消息，并实现客户端事件与 A2A 扩展回传。以 renderers/lit/src/0.8 与 specification/0.8 为准。适用于把用户需求转成 A2UI 组件树、数据模型与渲染序列，以及处理 action → userAction → A2A 的交互回传流程。内容涵盖 UI 生成（surfaceUpdate、dataModelUpdate、beginRendering、deleteSurface）与客户端事件回传，并附有协议、标准组件清单、Schema 定位、JSONL 模板、片段库、客户端事件解析、A2A 扩展与能力协商等参考资料。
accessibility
一套面向 WCAG 2.1 AA 的无障碍网页开发规范，涵盖语义化 HTML、ARIA、焦点管理、配色对比、表单与屏幕阅读器支持，并提供测试流程与常见问题预防清单。