layercake
Layer Cake 是一个面向 Svelte 的无头可视化框架，负责坐标系、比例尺与数据流计算，对视觉呈现保持中立，支持 SVG、Canvas、HTML 与 WebGL 混合渲染。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-26 00:15
前端与建站
11,100 个结果
shadcn-svelte-skill
面向 Svelte/SvelteKit 项目的 shadcn-svelte 技能指南，讲解用 CLI 安装可定制组件，搭配 Tailwind CSS v4.1 与 @tailwindcss/vite、TypeScript，涵盖按钮、表单、数据表格等用法。
fulldev-ui
Fulldev UI 是面向 Astro 的 shadcn/ui 实现，沿用相同的 token、样式、预设与 CLI，并提供 section、banner、header、typography 等内容组件与页面区块；其 React 扩展可把这些额外组件与区块加到官方 shadcn/ui React 项目中。
nextjs
面向 Next.js 全栈 React 框架的专家级辅助技能，覆盖 App Router、React Server Components、Server Actions、元数据 SEO 与边缘运行时，适用于构建高性能、SEO 友好的 Web 应用。
react-native
面向 React Native 移动开发的专家辅助技能，覆盖新架构（TurboModules、Fabric 渲染器、Bridgeless 模式）、Hermes JS 引擎、React Navigation 与原生模块，帮助用 React 和 TypeScript 构建 iOS/Android 原生应用。
shadcnui
shadcn/ui 是一套可复制粘贴到项目中的 React 组件集合，基于 Radix UI 与 Tailwind CSS，强调组件所有权、可访问性与主题定制，适用于 Next.js、Vite 等现代 Web 应用。
vue
Vue 是一个用于构建用户界面的渐进式框架，提供响应式组合式 API 与高性能的 Vapor Mode 编译。该技能面向 Vue 3 开发场景，覆盖 Composition API（<script setup>）、响应式（ref、reactive、computed、watch）、Pinia 状态管理与 Vue Router 路由。适用于渐进式全栈 Web 应用、单页应用（SPA）、交互式微前端与嵌入组件，以及基于 PrimeVue 或 Vuetify 的设计系统组件库实现。核心用法包括使用 <script setup lang="ts"> 与 TypeScript 编写组件、通过 ref 与 computed 管理响应式状态、使用 defineAsyncComponent 与 Suspense 做异步组件懒加载，以及用 Pinia 管理全局状态。该技能还包含组合式函数（composable）模式、常见最佳实践与故障排查，例如 ref 忘记加 .value、解构 reactive 对象导致响应式丢失、事件名大小写不匹配等问题。
tailwindcss
Tailwind CSS 是一个实用优先（utility-first）的 CSS 框架技能，用于响应式设计、深色模式和组件样式。提供基于官方文档整理的综合参考，可在编写、调试和学习 Tailwind CSS 时触发使用。
frontend-data-fetching
Sentry 前端数据获取规范，基于 TanStack Query 与 apiOptions。适用于在 static/ 中新增或修改调用 API 的 React 代码，涉及查询条件、缓存、响应头读取与类型推断等约定。
faro-setup-web
用于为 Web 应用接入 Grafana Faro Web SDK 的前端可观测性技能，覆盖错误追踪、Web Vitals、会话监控与分布式追踪等场景，通过分步引导完成检测、安装、初始化与降噪配置。
zustand
面向 React 的 Zustand 状态管理实践指南，涵盖 store 设计、选择器、切片、中间件（immer、persist、devtools）与异步操作，说明何时该用 Zustand、何时改用其他方案。
good-ui
good-ui 是一个面向应用与网站创建、实现、审查或大幅改版的视觉与交互设计判断技能，强调先保证功能胜任，再考虑艺术表达，并按任务规模灵活运用，保留既有品牌特征与用户指定方向。
make-interfaces-feel-better
一套让界面更显精致的 UI 设计工程原则，用于构建组件、审查前端代码、实现动画与悬停等交互细节，涵盖圆角、阴影、动效、性能与可点击区域等要点。
minimalist-ui
minimalist-ui 是一套面向前端工程与界面设计的指令协议，主题为“高级实用主义极简与编辑式 UI”。它要求生成类似顶级工作区平台的文档风格网页界面，核心特征包括高对比度的暖色单色调色板、定制化字体层级、大量结构性留白、便当网格布局，以及几乎完全扁平的组件架构，并辅以低饱和度的柔和粉彩点缀。该协议明确拒绝通用 SaaS 设计套路：禁用 Inter、Roboto、Open Sans 等常见字体，禁用 Lucide、Feather、Heroicons 等细线图标库，禁用 Tailwind 默认重阴影、渐变、霓虹色、3D 玻璃拟态，禁止大容器使用胶囊圆角，禁止在代码与文案中使用 emoji，也禁止使用 Lorem Ipsum 等占位内容与 AI 营销套话。它规定了字体、配色、组件、图标、动效等具体规范，并给出执行流程，适用于需要统一极简编辑风格的前端开发与设计场景。
create-visual-card
将内容生成杂志级视觉卡片的技能：输出单个内嵌 CSS 的 HTML 文件，再用 Playwright 截图为 PNG，采用瑞士网格与粗体排版设计系统，默认卡片宽度 1024px。
basecoat
Basecoat 是一个以 Tailwind CSS v4 为先的组件库，强调语义化 HTML 与原生 JavaScript，相当于“没有框架的 shadcn/ui”。它通过 basecoat-css 包提供按钮、卡片、对话框、表单控件、导航、弹层、反馈提示等成套 UI 组件，支持 CDN、NPM 及 ESM 三种引入方式。样式基于 Tailwind CSS 与统一设计令牌，兼容 shadcn/ui 主题，可用 Tailwind 工具类或自定义 CSS 覆盖，也可直接复制源码修改。交互组件由原生 JS 驱动，在 DOMContentLoaded 时自动初始化，也可手动调用初始化方法；图标使用 Lucide。适合在服务端渲染或静态页面、任意后端框架中快速搭建界面。
iblai-notifications
iblai-notifications 是 ibl.ai 提供的 Next.js 通知功能技能，用于在导航栏添加带未读角标的通知铃铛，并创建包含 Inbox 与 Alerts 标签页的通知中心页面。需先完成 /iblai-auth 认证配置。
igniteui-react-optimize-bundle-size
介绍如何为使用 Ignite UI for React 的应用减小打包体积，涵盖包选择、tree-shaking 以及网格、图表、地图等重型组件的路由级代码分割。
iii-stream
iii-stream 是 iii 框架中的实时流 worker，以 stream_name/group_id/item_id 三级结构存储数据，提供 CRUD 函数接口与响应式触发器，支持 WebSocket 订阅、写入广播和订阅授权。
console-injectable-ui
console-injectable-ui 是 iii-hq/workers 提供的可注入控制台 UI 方案：worker 可在运行时向所有控制台标签页投递页面、函数与触发器活动渲染器、配置表单和样式表，无需重新构建、不使用 iframe，并支持热重载。
website-design
一个面向多页企业网站设计的 Claude 技能，提供与框架无关的设计系统（构图规则、组件规范、动画原语），按页面逐步构建，先做首页再按需扩展其他页面。
ray-report
ray-report 是一个长文与深度报告生成技能，用同一份内容协同产出三种格式：交互式 HTML（杂志排版，含 Tab、Quiz、Chart.js、Timeline 等组件）、A4 PDF（headless Chrome 渲染）和公众号 Markdown（长句叙事）。强调编辑式设计语言，避免通用 AI 生成的 SaaS 仪表盘风格。
screengrabs
screengrabs 是一套用于在 GitHub PR 中为前端改动捕获、脱敏、标注并嵌入截图的技能。适用于涉及前端组件、页面或样式的 PR，可生成前后对比图并丰富 PR 描述；仅后端、测试或非视觉改动应跳过。
slack
通过 OpenClaw 的 slack 工具控制 Slack，支持表情回应、消息收发编辑删除、置顶管理、成员信息与自定义表情查询，使用为 OpenClaw 配置的机器人令牌。