web-3d-motion-hero
来自 GoodCase 案例的 3D 与动效首屏工作流技能，用于规划、设计或实现网站首屏。它把方法整理为可执行流程，涵盖输入收集、视觉主角选择、滚动或交互触发、首屏资源与移动端降级，并输出页面叙事、组件与交互规范及验证清单。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,341 个结果
filament-dashboard
filament-dashboard 是面向 Filament（Laravel 后台框架）后台面板开发的技能，用于创建、编辑、审查或调试 Filament 仪表盘及自定义面板页面。它强调优先复用现有的 Filament 组件（widget、schema 组件、内嵌 Livewire 组件），而不是编写大量原生 Blade 页面；同时提供页面结构决策、导航注册、性能注意事项和测试建议，并给出标签页式仪表盘页面的实现范例。
nuxt-design-tokens
面向 Nuxt 项目的设计令牌与主题技能：用 Tailwind 4 的 @theme static 与 Nuxt UI 语义类管理品牌色、暗色模式、字体与动效，让模板保持语义化，由 CSS 变量承担主题切换。
nuxt-realtime
基于 Laravel Echo 与 WebSocket 的 Nuxt 实时功能技能，用于订阅频道、监听事件、实现实时更新与管理频道生命周期。
nuxt-tables
Nuxt Tables 是 Nuxt 生态中的数据表格方案，提供列构建器模式与 XTable 组件，用于创建数据表格、定义带自定义单元格的列、实现行操作。
impeccable
impeccable 是一个用于设计和迭代生产级前端界面的技能（Skill），强调真实可运行的代码、明确的设计决策与出色的工艺水准。它通过一套强制性的前置检查（上下文、产品、命令、工艺、图像、变更六道门）确保设计工作不脱离项目实际，避免生成通用化输出。技能内置品牌（brand）与产品（product）两种设计语域，并共享一套设计法则，涵盖色彩（OKLCH、避免纯黑纯白、四种色彩策略）、主题（明暗不设默认，需先写物理场景句）、排版（正文行长 65–75ch、层级对比≥1.25）、布局（节奏化间距、慎用卡片与容器）、动效（缓出曲线、不动画布局属性）以及绝对禁止项（侧边条纹边框、渐变文字、默认玻璃拟态、英雄指标模板、雷同卡片网格、首选模态框等）。它还提供 craft、shape、teach、document、extract、critique、audit、polish、bolder、quieter、distill、harden、onboard、animate、colorize、typeset、layout、delight、overdrive、clarify、adapt、optimize、live 等命令，以及 pin/unpin 管理命令，覆盖构建、评估、精修、增强、修复与迭代全流程。
design-taste-frontend-v1
design-taste-frontend-v1 是 leonxlnx/taste-skill 中保留的原始 v1 前端设计技能，用于依赖其精确行为的项目；当前默认版本为 design-taste-frontend（v2 实验版）。它通过一组设计参数与规则约束 AI 生成的前端界面风格。
site-architecture
用于规划、绘制或重组网站信息架构的技能：梳理页面层级、导航、URL 结构与内链，使站点对用户更直观并利于搜索引擎优化。适用于 SaaS、博客、电商、文档等站点，支持 ASCII 树与 Mermaid 站点图输出。
instagram-carousel
该技能用于生成专业的 Instagram 轮播图：输出自包含、可滑动的 HTML，每张幻灯片按 4:5 比例设计，便于逐张导出为图片发布。
ppt-generator
将用户讲稿一键生成乔布斯风极简科技感竖屏HTML演示稿的技能。适用于生成PPT、演示文稿、Slides、幻灯片，或需要科技风、极简风、乔布斯风格演示的场景，输出为单个可直接运行的HTML文件。
react-native-best-practices
面向 React Native 应用的性能优化指南，覆盖 FPS 与重渲染、包体积、TTI、原生性能、内存与动画，基于 Callstack 的优化指南整理，提供按优先级排序的参考文件与测量命令。
course-site-skill
course-site-skill 是一个把 Markdown 课程仓库零代码转成静态课程网站的技能，可自动分析结构、归类课程、生成中文课程内容与测验，并支持品牌定制、本地预览和部署到静态服务器。
light-frontend-design
一个强调审美与差异化的前端设计技能，用于界面、展示页、大屏可视化、小程序 UI、设计系统与重设计审计等场景。覆盖设计方向确定、设计语言与 token、可访问性、动效克制、反模板化检查，并提供可执行 linter 与代码骨架。
add-onboarding-tour
Lightdash 前端的首次引导工具包（技能），用于给某个前端功能添加导览、产品走查、教练标记或空状态示例数据，零依赖、集中管理引导逻辑。
inngest-durable-functions
面向 TypeScript 的 Inngest 持久化函数技能，讲解如何构建可容错、可重试、可定时与事件触发、跨步骤保持状态的长时工作流，涵盖步骤执行、触发器、幂等、取消、错误处理与性能优化等主题。
react-start
React Start（@tanstack/react-start）是 TanStack Start 的 React 绑定层，提供 React 专属的导入、配置与使用模式。它从 @tanstack/start-client-core 重新导出全部核心 API，并额外提供 useServerFn 这个 React Hook，用于在组件中调用服务端函数。所有代码默认是同构的：loader 会在服务端和客户端同时运行，服务端专属逻辑需使用 createServerFn。该技能基于 start-core，涵盖完整项目搭建（依赖安装、package.json、tsconfig、vite 配置、路由工厂、根路由、索引路由）、全局 start 配置，以及 React 路由组件和 Hooks 参考，并列出常见错误，如从错误包导入、在 beforeLoad/loader 中使用 React Hook、遗漏 Scripts 组件。
router-core
TanStack Router 的框架无关核心技能集，涵盖路由树、createRouter、createRoute、createRootRoute 等核心概念，并含搜索参数、路径参数、导航、数据加载、鉴权、代码分割、404、类型安全与 SSR 等子技能。
slack
在 OpenClaw 中通过 slack 工具控制 Slack，可用于对消息添加表情回应，以及在频道或私信中置顶、取消置顶项目，还可发送、编辑、删除和读取消息并查询成员信息。
css-debug
css-debug 是一个系统化 CSS 调试技能，用于定位并修复样式不生效、继承异常、布局溢出、层叠上下文、自定义属性解析与性能等问题。它强调追踪级联而非猜测，提供分类、隔离、诊断、定位根因、修复与回归验证的工作流。
css-expert
css-expert 是一套面向现代、高性能、可访问 CSS 编写的专家级规范与技能集，来源 lionad-morotar/local-tools。它强调采用当前标准（容器查询、Grid、嵌套、oklch()、@layer 等），指导组件样式、布局、主题与动画，并提供审计、布局、动画、响应式、重构、主题、无障碍与调试等方向。
html-artifact
html-artifact 是一个用于构建单文件 HTML 产物的技能：把图表、仪表盘、交互工具、演示文稿和文档做成可直接在浏览器打开的自包含 HTML 文件，无需构建步骤，便于分享、复制、检查和版本管理。
next-intl-app-router
用于在 Next.js App Router 中配置和使用 next-intl 的技能，实现基于前缀的语言路由（如 /en/about、/ja/about），涵盖插件接入、路由与请求配置、代理中间件、导航封装、静态渲染与翻译调用。
building-with-lobe-ui
用于按 LobeHub 设计体系编写界面的技能，规定组件命名空间、样式写法与 Provider 结构，并给出规划、搭骨架、填充、细化、评估五步链路及回流规则。
lobe-design
依据 LobeHub 设计系统选择组件、样式令牌与界面状态，指导 lobe-ui 页面开发和审查。