moonshine-components
用于构建 MoonShine 管理面板 Blade 界面的技能,涵盖表格、表单、卡片、模态框、导航与页面布局等组件,帮助开发者按官方组件规范编写管理后台界面。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-20 00:13
10,913 个结果
用于构建 MoonShine 管理面板 Blade 界面的技能,涵盖表格、表单、卡片、模态框、导航与页面布局等组件,帮助开发者按官方组件规范编写管理后台界面。
用于维护 Tailwind CSS 配置、自定义主题与设计令牌的技能,覆盖 packages/ui 与 apps/web 两个包。适用于新增颜色、间距尺度或定制设计系统时使用。
面向 Next.js 16 App Router 的生产实践技能,覆盖异步路由参数、proxy.ts 替代 middleware、Cache Components("use cache")、并行路由 default.js、React 19.2 与 Turbopack 等破坏性变更与常见错误处理。
面向 Svelte 框架的技能条目,提供组件、响应式、store、过渡动画与编译等方面的综合指导,适用于用户询问 Svelte 相关问题时使用。资料中具体使用场景、使用指南与最佳实践均标注为待完善。
用于生成打印专用页面的技能:根据关键词触发,通过 window.open 打开新窗口,创建不含布局、仅输出内容的 Vue 打印组件与路由,并可用 Context7 MCP 查询最新 TailwindCSS v4 与 Vue 文档。
RivetKit React 客户端使用指南,面向用 @rivetkit/react 连接 Rivet Actors 的 React 应用,介绍 createRivetKit 创建 hooks、useActor 连接、事件订阅、连接状态与错误处理等用法。
Anime.js 动画技能是一个面向高级 JavaScript 动画的 AI 技能,用于创建复杂、高性能的网页动画。它围绕轻量而强大的 Anime.js 动画引擎展开,擅长处理复杂时间线、交错动画(staggering),以及对 DOM、CSS 和 SVG 的精确控制。该技能适用于打造远超简单 CSS 过渡的高保真网页动画、多阶段落地页编排、网格与文字揭示交错动画、数据可视化揭示、SVG 路径动画(如形变与线条绘制),以及能流畅响应用户输入的高交互动态界面元素。使用流程为:识别要动画的 DOM 元素或 SVG;定义属性与缓动(建议使用 cubicBezier、spring、elastic 等高级缓动);先确认已安装的主版本,再编排时间线,例如 v3 使用 anime.timeline() 并掌握相对与绝对偏移;随后按目标版本 API 实现代码。资料同时强调性能监控、will-change 的临时性、prefers-reduced-motion 适配、避免滚动劫持、保持键盘焦点可用,以及组件卸载时释放动画。
为 ReactLynx + Rspeedy 项目配置 @weapp-tailwindcss/lynx 0.3.2 与 Tailwind CSS 4 的技能,通过 Rspeedy/Rspack 构建生成 Lynx 原生可消费的样式,保留 ReactLynx className,不引入运行时样式表或 JSX 转换。
Syncfusion JavaScript/TypeScript 下拉类 UI 组件(DropDownList、MultiSelect、AutoComplete 等)的实现指南,涵盖数据绑定、过滤、分组、模板、级联、虚拟滚动与无障碍等主题,并提供各功能模块的参考文档与代码示例。
Syncfusion EJ2 JavaScript Popups 是一套覆盖 Dialog、预定义对话框(DialogUtility)与 Tooltip 的弹层组件指南,含安装、主题、可访问性与常见用法模式,适合在 JavaScript/TypeScript 项目中构建模态框、提示与上下文浮层。
用于创建和定制 Syncfusion TypeScript Tab 组件的技能,涵盖标签导航、标头样式、响应式布局与动态内容,支持动画、可访问性、拖放与状态持久化等能力。
在 Vue 2 与 Vue 3 中使用 Syncfusion Gantt Chart 组件(@syncfusion/ej2-vue-gantt)构建类 Microsoft Project 的项目排期界面,可绑定数据、管理任务与依赖、分配资源、自定义时间线与任务条,并支持筛选、导出、撤销重做与虚拟滚动。
这是一个关于 Tailwind CSS 生产环境性能优化的技能,涵盖 JIT 模式、内容路径配置、PurgeCSS、构建优化与体积分析等,用于减小 CSS 体积并提升加载性能。
用于 React、TypeScript、Tailwind CSS 与 shadcn/ui 的前端 UI 生产级技能,先做产品目标与信息架构规划再写代码,强调克制、精确、可维护的产品界面效果,并覆盖加载、空、错误、禁用、响应式等完整状态。
Django Unfold 是一个现代化 Django 后台管理主题,基于 Tailwind CSS、HTMX 和 Alpine.js 构建,用于替换 Django 默认 admin 界面并提供更完善的功能与视觉效果。该技能面向使用 Unfold 构建、配置和增强 Django admin 界面的场景,涵盖后台 UI 定制、模型注册、列表展示增强、操作按钮、筛选器、表单组件、内联、仪表盘组件等。支持通过 UNFOLD 设置字典配置站点品牌、侧边栏、主题与登录等;通过继承 unfold.admin.ModelAdmin 注册模型并应用 Unfold 样式;提供 @display 装饰器增强列表列显示,@action 装饰器定义列表、行、详情和提交行操作;提供多种高级筛选类、表单组件类、内联类以及仪表盘 KPI 卡片组件。还集成了 django-import-export、django-guardian、django-simple-history、django-constance、django-location-field 等第三方库的样式化封装。安装时需将 unfold 相关应用置于 django.contrib.admin 之前。
Webflow Enterprise API 是面向 Webflow 企业版工作区的 API 端点集合,用于管理工作区与站点配置。涵盖的接口包括:工作区审计日志、站点活动日志、301 重定向规则(列出、创建、更新、删除)、robots.txt 配置(获取、替换、更新、删除)、.well-known 目录文件上传与删除,以及工作区内的站点创建、更新、删除和站点托管计划查询。所有端点以 https://api.webflow.com/v2 为基础 URL,需使用 Authorization: Bearer <token> 鉴权,且必须为企业版工作区并具备相应 token 权限范围;非企业版计划会返回错误。
awwwards-motion 是一个面向创意网页开发的中文技能介绍,聚焦如何构建达到 Awwwards 级别的动效与交互体验。它以实现原理为核心,涵盖基于弹簧物理的运动系统、GLSL 顶点与片元着色器、React Three Fiber 与 Three.js、WebGL 渲染目标与后处理管线、粒子系统、Framer Motion 动画以及交互式 3D 体验。技能将界面视为具有物理深度的 3D 环境,而非平面矩形,目标是把获奖工作室的作品水准与多数团队的能力差距缩小。资料中给出了弹簧参数(刚度 300、阻尼 30、质量 1)、玻璃材质的分层叠加实现、噪声函数(Perlin、Simplex、Curl、FBM)、菲涅尔与色散等光照效果、以及像素化、半调、ASCII 等后处理手法的具体代码示例。适合希望提升网页动效质感、学习着色器与创意编程的前端与设计开发者参考。注意:资料未提供该技能的具体安装方式、收费模式、平台限制与完整使用步骤。
Odoo 网站片段(Snippet)的完整参考与创建指南,梳理静态与动态片段的架构、81+ 模板清单、选项系统、注册方式,以及 Odoo 14 至 19 的版本差异。
面向 TailwindCSS 的样式实现模式技能,将 Refactoring UI 设计原则转写为 Tailwind 工具类,是 web-design-mastery 技能的配套搭档。重点包括项目品牌色优先级、4px 间距网格、排版与色彩层级、阴影策略、常用组件写法、动画与暗色模式,并列出应避免的反模式。
从上传的截图(设计稿、网站或应用界面)中提取设计令牌,作为设计起点。基于 Claude 视觉能力识别主色、字体、间距、圆角与组件模式,输出带置信度的 tokens JSON。
Miles 是通过可组合 CLI 原语驱动的 AI 网站设计工具,可引导完成从需求访谈、设计方向、建站到生成 WordPress 主题的全流程。所有命令输出结构化 JSON 与明确退出码,适合在命令行或智能体环境中自动化调用。
网页设计与部署技能:生成精美单页 HTML 页面(报告、落地页、数据可视化等),使用 Tailwind CSS、Chart.js、Font Awesome,并可通过纯 Python 脚本一键部署到 Cloudflare Pages。
面向 Next.js SaaS 的 Supabase 配置技能,涵盖 Drizzle 与连接池、仅 Google 登录、RLS 及成本优化。适用于搭建 Supabase、连接 Drizzle、SSR 鉴权等场景。
这是一份面向 React 18 + TypeScript + MUI v7 + TanStack Router/Query 的前端开发规范技能,涵盖 Suspense 数据获取、懒加载、文件组织、样式与性能优化等现代模式。