website-to-hyperframes
将网站抓取后生成 HyperFrames 视频的技能：用户提供 URL 并说明想要的视频类型与时长，流程分 7 步，依次产出站点摘要、DESIGN.md、SCRIPT.md、STORYBOARD.md、TTS 配音与时间轴、各镜头合成、校验交付。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-18 00:12
前端与建站
10,840 个结果
hugo
Hugo 静态网站生成器使用指南，覆盖博客、文档站、落地页与作品集的搭建流程，包括安装 Hugo Extended、创建站点、安装主题、配置、内容创建、构建与 Cloudflare Workers 部署，并列出常见问题与预防方法。
frontend-css-patterns
与前端框架无关的 CSS 设计模式集合，覆盖字体排版、配色、动效与空间构图，用于打造更具辨识度的视觉设计，并可配合 DESIGN.md 设计令牌使用。
html-ppt-presenter-mode
HTML PPT 演讲者模式专用模板，默认 tokyo-night 主题，T 键切换主题，每页附 150-300 字逐字稿示例（<aside class="notes">），按 S 打开含 CURRENT、NEXT、SCRIPT、TIMER 的讲者弹窗。
html-ppt-testing-safety-alert
html-ppt-testing-safety-alert 是 html-ppt 技能中的一套完整演示模板，主打红琥珀警示风格：红黑 hazard 条纹、红色删除线否定标题、L1/L2/L3 绿/琥珀/红分级卡片、圆点状态警示框、policy-yaml 代码块与红绿 checklist、Q1 事故堆叠柱状图，适合安全、风险与事故复盘类演示。
angular-components
面向 Angular 组件开发的技能资料，覆盖 Angular 21（2025）中 @Component 装饰器、组件架构与设计模式，强调独立组件、信号输入输出、内容投影、变更检测与封装等最佳实践。
angular-forms
Angular 表单技能，覆盖响应式表单、模板驱动表单、表单校验与表单处理，适用于 Angular 21（2025）。包含信号表单控件、函数式校验器、类型化表单等新特性说明与最佳实践。
script-setup
这是一个介绍 Vue 3 中 <script setup> 语法的技能模式。<script setup> 是使用 Composition API 编写 Vue 单文件组件（SFC）时的编译时语法糖，它通过自动向模板暴露顶层绑定，去除了显式 return 语句等样板代码。该模式建议在 Vue 3 中同时使用单文件组件和 Composition API 时采用此语法。它能显著减少组件定义中的样板代码，并提供更好的运行时性能、更好的 IDE 类型推断性能，以及使用 TypeScript 声明 props 和事件类型的能力。
accessibility
该技能依据 WCAG 2.1 AA 标准，在构建或审查 Web UI 组件时应用无障碍规范并修复问题，涵盖语义化 HTML、ARIA、键盘导航、焦点管理与颜色对比度。
primevue-skilld
PrimeVue v5（Vue 3 UI 组件库）的编码技能，用于编写、调试或更新导入 primevue 的代码。涵盖 v5 安装配置、许可证密钥、16px 根字号、导入方式、废弃组件替换与常用组件用法。
hyperframes-registry
HyperFrames Registry 技能用于把注册表中的区块（block）与组件（component）安装并接入 HyperFrames 合成。适用于执行 hyperframes add、安装区块或组件、以及将已安装项接入现有合成等场景。
html-css-best-practices
该技能为 Hack23 Homepage 及相关项目定义 HTML/CSS 最佳实践，涵盖语义化 HTML5、CSS 自定义属性、响应式设计与性能优化，用于构建可访问、高性能且易维护的网页界面。
technews
TechNews 是一个用于获取科技新闻的技能：抓取 TechMeme 头条，抓取并摘要链接文章，并展示社交媒体反应。用户想了解科技新闻或输入 /technews 时使用。
html-ppt-xhs-post
小红书 / Instagram 风 9 页 3:4 竖版图文模板（810×1080），暖色 pastel、虚线 sticker 卡片、底部页码点点，用于小红书图文、Instagram carousel 与品牌种草内容。
renderless-components
介绍 Vue 中“无渲染组件”（renderless component）模式：将组件逻辑与视觉呈现分离，仅通过作用域插槽向父组件提供数据和方法，由父组件决定渲染什么标记。
nextjs
面向 Next.js App Router 的开发与审查技能，要求先读取项目架构与已安装版本文档，按项目既有约定实现页面、路由、数据访问、缓存与测试。
regle-advanced
Regle 在 Vue 3 中的高级表单校验模式，涵盖集合校验（$each）、异步规则与 $pending、服务器错误 externalErrors、$reset 选项、全局配置、变体（可辨识联合）、作用域校验、合并与对象级自校验。
web-artifacts-builder
web-artifacts-builder 是 Anthropic 提供的工具套件，用于使用现代前端技术栈（React、Tailwind CSS、shadcn/ui）创建结构复杂、多组件的 claude.ai HTML artifact。它通过初始化脚本搭建 React 项目，开发完成后利用打包脚本将全部 JavaScript、CSS 和依赖内联为单个自包含的 HTML 文件，从而可直接在 Claude 对话中作为 artifact 分享。项目内置 40 多个 shadcn/ui 组件和完整的 Radix UI 依赖，并预置路径别名、Tailwind 主题系统与 Parcel 打包配置，同时兼容 Node 18 及以上环境。该工具还提供设计与风格指南，提醒避免过度居中布局、紫色渐变、统一圆角和 Inter 字体等常见 AI 生成风格。适合需要构建较完整交互式前端界面并作为单个 HTML 交付的场景。
react-state-machine
基于 XState v5 与 actor 模型构建可复用 React 状态机的技能，用显式状态、转换和事件让 UI 中不可能的状态无法表达，涵盖 setup() 写法、React 集成与常见反模式。
axiom-grdb
GRDB.swift 技能：在 Swift 中直接使用 SQLite 原始 SQL，涵盖复杂 JOIN、ValueObservation 响应式查询、DatabaseMigrator 迁移与查询性能分析。要求 iOS 13+、Swift 5.7+，MIT 许可。
alicloud-network-esa
基于阿里云 Python SDK 管理边缘安全加速 ESA 的技能，覆盖 Pages 静态站点部署、Edge Routine 边缘函数、Edge KV 键值存储、站点与 DNS/缓存管理及流量分析。需配置 AccessKey 并安装指定 SDK。
pixel-perfect-ui
面向 Next.js/React 的像素级 UI 实现技能，通过 Figma MCP 提取设计、Playwright 做视觉校验，把 Figma 设计稿转为可上线的响应式组件，并强制先建清单、逐区块实现与多端验证。
frontend-design
面向前端界面的视觉设计与美学方向技能，适用于网页、落地页、仪表盘和 Next.js 服务端组件等场景；先判断项目设计环境再进行设计，强调避免通用 AI 默认风格。
zero-build-frontend
零构建前端开发技能，用于生成无需打包即可直接在浏览器运行的静态前端，适用于静态应用、浏览器扩展、地图和轻量数据接口。要求在本地完成经过审核的资源准备步骤，强调依赖固定、资源本地化与安全边界。