frontend-skill
frontend-skill 是一套前端视觉设计技能，适用于落地页、网站、应用、原型、演示或游戏 UI 等强调视觉表现的任务。它强调克制的构图、图像主导、清晰层级与少量有意义的动效，帮助产出接近获奖水准的界面。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,877 个结果
landing-page-intel
从任意公司落地页 HTML 中提取竞品与客户情报的工具，可识别技术栈、分析工具、广告像素、客户 Logo、SEO 元数据、CTA、社会证明、集成与基础设施等信息。仅依赖 requests，无需 API 密钥，免费使用。
error-tracking-svelte
为 Svelte 应用接入 PostHog 错误追踪的技能，指导安装配置、启用异常自动捕获、手动捕获错误边界异常、上传 source maps、配置指纹与告警等。
integration-vue-3
用于在 Vue 3 应用中接入 PostHog 分析的技能，按分步流程添加代码，并提供示例项目与文档参考。
nextjs-15
面向 Next.js 15 App Router 的开发技能，整理 app/ 目录约定、服务端组件、Server Actions、Route Handlers、中间件、元数据与数据获取等模式，供在 app/ 目录下开发时参考。
ky-design-to-html-skill
KY Design to HTML Skill 是面向 Codex/Claude 的设计技能，用于把 UI 截图或设计稿还原为 HTML/CSS，通过结构拆解、素材分离、画布比例设置、截图校验与视觉纠错，减少布局错位、颜色偏差与图片模糊等问题。
chrome-extension-boilerplate-react-vite
基于 React、Vite 和 TypeScript 的 Chrome 扩展开发模板，使用 pnpm 管理依赖，提供构建与开发命令及在 Chrome 中加载扩展的步骤。
weapp-tailwindcss-custom-build
将 weapp-tailwindcss 集成到自研构建器或高级流水线的技能，覆盖 core、generator 及 Vite/Webpack/Rspack/Rollup/Rolldown/Gulp 生命周期、ModuleGraph 与 Tailwind Scanner/source 等，围绕构建图和内存产物接入核心转换。
svelte-template-directives
Svelte 模板指令参考技能，覆盖 @attach、@html、@render、声明标签、@debug、keyed each 与全局 DOM 事件等用法，适用于在 Svelte 5 中处理片段、附件、动态 HTML 与调试。
kiso
Kiso 是一个面向 Rails 的可访问 UI 组件库，基于 ERB partials、Tailwind CSS、class_variants 与 tailwind_merge 构建，灵感来自 shadcn/ui 和 Nuxt UI，并为 Rails + Hotwire 做了适配。它通过 kui() 辅助方法在视图中渲染组件，支持 7 种语义颜色（primary、secondary、success、info、warning、error、neutral）以及 solid、outline、soft、subtle 等变体样式。主题基于语义化 Tailwind 工具类与 CSS 变量，深色模式可自动切换，组件本身无需使用 dark: 前缀。开发者可以在应用 CSS 中覆盖品牌色，通过初始化器进行全局组件样式覆盖，或用 css_classes: 对单个实例做样式微调，冲突类名由 tailwind_merge 自动处理。图标由 kiso-icons 提供服务端内联 SVG 渲染，内置约 1500 个 Lucide 图标，并支持 pin 其他图标库及全局覆盖组件默认图标。适用于需要在 Rails 应用中快速搭建可访问界面、定制主题、构建表单和组合组件的开发场景。
react-native-video
react-native-video 是 React Native 的音视频播放库，支持 iOS（AVPlayer）、Android（ExoPlayer/Media3）与 Web（video.js）。v6 采用单一命令式 <Video> 组件，v7 采用 player 对象模型（useVideoPlayer + VideoView），两者 API 不同，使用前需先确认版本。
react-component-testing
面向 Vite + React + TypeScript SPA 的组件测试技能，组合 React Testing Library、MSW 与 vitest-axe，在 Vitest 下渲染真实组件树并断言用户可见行为与可访问性。
beautiful-shadows
Beautiful Shadows 是一组精确的 Tailwind 任意值阴影工具类，用于为界面提供中性、分层、精致的悬浮感。提供 sm、md、lg 三档强度，分别适用于紧凑卡片与控件、卡片面板与弹出层、主视觉与模态容器。
tailwind-v4
Tailwind CSS v4 项目实践技能，先判断版本再给建议：v4 用 @theme 做 CSS-first 配置、自动检测内容源；含 v3→v4 迁移差异与动态类名注意事项。
thymeleaf
Thymeleaf 是面向 Java/Spring 的服务器端模板引擎，用于渲染 HTML 页面、邮件模板与动态文本，支持自然模板、表达式、片段复用、i18n 与表单绑定。
frontend-design-codex
frontend-design-codex 是一个 Codex 前端设计技能，用于构建、修改或审查浏览器渲染的界面。强调从渲染效果而非源码判断设计，覆盖布局、层级、间距、控件、响应式与无障碍，并要求以桌面和移动截图作为验证证据。
astro
面向 Astro 项目的开发规范指南，适用于检测到 .astro 文件或以 astro 为依赖的项目。内容涵盖 Props 最小化、避免 null 返回、字体加载方式以及优先使用 .astro 组件等实践建议。
layui-vue3
面向 Vue 3 的 Layui Vue 组件库使用指引，涵盖安装配置、组件（按钮、表格、日期选择器、表单、上传等）、Layer 弹层与对话框、主题与国际化，以及 API 与常见问题排查。
hostinger-headless
Hostinger Headless 是一个将提示词转化为 Hostinger 线上网站的技能，覆盖账户检查、主机与域名开通、后端（电商店铺、WordPress 无头 CMS）搭建、前端构建、部署与验证全流程。前端按用户意图定制生成，无模板库。
integration-angular
该技能用于在 Angular 应用中集成 PostHog 分析，按步骤完成基础集成，并提供 Angular 示例项目与相关文档参考，强调使用环境变量、最小改动、遵循示例模式。
weapp-tailwindcss-migrate
将现有 weapp-tailwindcss 项目迁移到 v5/Tailwind CSS 4 生成链路的技能，处理旧 weapp-tw patch、旧版 CLI init、Sass/Less/目录扫描、tailwindcss-patch、官方 PostCSS/Vite 插件、相对 cssEntries 等问题。
react-db
TanStack DB 的 React 绑定层，包名 @tanstack/react-db。该包重新导出了 @tanstack/db 的全部内容，在 React 项目中应统一从 @tanstack/react-db 导入。它提供 useLiveQuery、useLiveSuspenseQuery、useLiveInfiniteQuery、usePacedMutations 等 Hooks，用于在 React 组件中订阅实时查询结果，并支持 queryKey 覆盖、包含式（includes）层级子集订阅、虚拟属性（$synced、$origin、$key、$collectionId）、路由加载器预加载以及与 Suspense/ErrorBoundary 的配合使用。
web-routing-react-router
React Router v7 数据模式技能，讲解 createBrowserRouter 与 RouterProvider 下的 loader、action、fetcher、错误边界、搜索参数、嵌套布局与路由级代码分割等客户端路由模式。
unity-ui
该技能模块用于在 Unity 中创建和排布 UGUI（Canvas）界面，与 UI Toolkit 相互独立。模块以批量优先为原则，提供 UI 元素的创建、查询、布局、属性与特效等能力。创建类技能包括 Canvas、Panel、Button、Text、Image、InputField、Slider、Toggle、Dropdown、ScrollView、RawImage、Scrollbar，以及批量创建 ui_create_batch；查询与布局类包括 ui_find_all、ui_set_text、ui_set_rect、ui_get_rect_transform、ui_set_rect_transform 及批量版本、ui_set_anchor、ui_layout_children、ui_align_selected、ui_distribute_selected；属性与特效类包括 ui_set_image、ui_add_layout_element、ui_add_canvas_group、ui_add_mask、ui_add_outline、ui_configure_selectable。多数创建技能不接收显式 x/y 坐标，需先创建再用锚点、RectTransform 或布局组定位。文本创建会自动检测 TextMeshPro。具体参数、默认值与返回值以 schema 接口为准。