use-tailwind-v4
Tailwind CSS v4 语法与 v3→v4 迁移参考,用于查询 v4 的导入方式、@theme/@utility、CSS 变量主题、重命名与废弃工具类、默认值变化以及自动化升级命令。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-21 00:11
10,944 个结果
Tailwind CSS v4 语法与 v3→v4 迁移参考,用于查询 v4 的导入方式、@theme/@utility、CSS 变量主题、重命名与废弃工具类、默认值变化以及自动化升级命令。
基于 Orderly SDK 的预构建整页组件,可快速搭建完整 DEX 页面,如交易页、资产组合、行情、排行榜、金库与积分等,组件内置响应式设计与状态管理。
面向 Android 的 Jetpack Compose UI 规范技能,强调 Material 3 设计、单向数据流、状态提升、一致主题、流畅动画与性能模式,用于构建或审查简洁美观的 Compose 界面。
PostHog 画布(canvas)的 React + Quill 编写规范:单个无 props 默认导出组件、受限导入与 Quill 组件规则、主题令牌、加载/错误/空状态处理,以及仪表盘、网页分析、交互探索器、清单等数据产品形态。
该技能面向 JavaScript/TypeScript 现代 Web 应用(SPA/SSR/SSG/ISR/RSC)的架构设计,提供渲染策略取舍、模块与状态/数据模式、性能预算、可访问性、安全与测试等系统性指导。核心原则是架构皆为取舍,没有唯一正确答案,只有针对具体场景的最不坏组合。使用时会先澄清上下文(用户、路由、SEO、交互性、数据、认证、团队与约束),再逐路由选择渲染策略,定义模块边界与稳定接口,规划状态与数据、缓存与失效、乐观更新,并规划非功能性需求(性能预算与度量、可访问性、安全、可观测性),最终产出建议、权衡说明与具体下一步(目录结构、ADR、清单)。资料未提供具体价格、收费方式或平台信息。
admin-ui-builder 是一个用于在既有管理后台架构约定下构建或定义后台 UI 界面的技能,适用于 admin/CMS/后台管理屏幕在 admin-ui-orchestrator 已定义角色、权限、工作流和安全闸门之后的界面构建或规格编写。它提供三种运行模式:screen-spec 用于定义管理屏幕、状态、表单、表格、过滤器和校验;implementation-handoff 用于准备本地 UI 实现任务;state-coverage 用于覆盖空状态、加载、错误、权限拒绝、审计和确认等状态。使用时需先阅读 references/admin-ui-build-contract.md,使用 assets/admin-screen-spec.template.md 模板,并从 admin-ui-orchestrator 确认角色、权限、破坏性操作和审计要求。安全规则要求不得运行生产环境管理端变更操作,每个破坏性操作都需要明确的确认 UI 以及回滚/审计方案,且不得在 UI 示例中暴露密钥、令牌、私有客户数据或原始日志。可通过提供的 python3 校验命令进行验证。
Symfony UX Map 是 Symfony 生态中用于构建交互式地图的组件,支持使用 Leaflet 或 Google Maps 作为渲染器。开发者以 PHP 对象的方式定义地图数据(中心点、缩放级别、标记、多边形、折线、圆形、信息窗口等),在 Twig 模板中通过 ux_map() 函数或 <twig:ux:map /> 组件渲染,并可使用 Stimulus 控制器扩展地图交互。其核心设计是「PHP 构建、Twig 渲染」,两种渲染器可互换,PHP 代码共用同一套 Map、Marker、Point 类。该组件还提供 LiveComponent 集成,通过 ComponentWithMapTrait 实现响应式地图。使用前需安装基础包并提供至少一个渲染器,Leaflet 免费开源,Google Maps 需要 API key。
Syncfusion Flutter Maps(SfMaps)是用于在 Flutter 应用中展示和可视化地理与空间数据的组件。它支持两种主要图层:MapShapeLayer 基于 GeoJSON 形状渲染,适合统计与地理数据可视化;MapTileLayer 集成 OpenStreetMap、Bing Maps 等瓦片地图服务,适合真实街道地图场景。组件支持缩放、平移、选择、标记、数据标签、图例、工具提示、气泡、矢量图层与子图层等能力。
Syncfusion Flutter 金字塔图组件即为 SfPyramidChart(配合 PyramidSeries 使用),是一个用 Dart 原生实现的高性能金字塔图控件。它把比例型或层级型数据绘制成堆叠的三角分段,适合展示销售漏斗、人口分布、组织层级以及流程阶段等场景。当用户需要在 Flutter 应用中渲染金字塔图、提到 SfPyramidChart、PyramidSeries 或 syncfusion_flutter_charts,或需要自定义分段颜色、间隙、炸裂效果与模式,添加标签、图例、工具提示、选中交互,导出 PNG/PDF,以及处理 RTL 与无障碍支持时,可以使用该组件。该技能包附带分主题参考文档,涵盖快速上手、金字塔定制、系列定制、数据标签、图例与工具提示、选中与回调、外观导出与 RTL 等内容,并提供最小可运行示例与常见用法片段(如炸裂指定分段、surface 面积模式、工具提示与选中同时启用)。
Syncfusion JavaScript Carousel 是一个用于构建轮播组件的技能,可在幻灯片式界面中展示图片、链接和其他媒体内容,适用于图片画廊、新闻标题轮播、精选内容展示和交互式媒体演示。它支持从数组或数据源渲染多个项目,提供 Slide、Fade 或自定义动画效果,可配置上一页/下一页导航按钮的显示模式,支持数字、圆点、动态、进度等多种指示器类型,并具备自动播放、键盘导航、WAI-ARIA 无障碍支持、触摸/鼠标滑动、自定义 HTML 模板和响应式布局等能力。该技能通过 npm 安装 @syncfusion/ej2-navigations 包,使用 TypeScript/JavaScript 初始化 Carousel 实例并挂载到 DOM,同时提供 slideChanged、slideChanging 等事件用于响应幻灯片切换。
Syncfusion TypeScript Timeline 控件用于按时间顺序或序列展示内容项,适合呈现时间线、里程碑、事件进展、工作流步骤和状态跟踪等场景。该技能提供从安装配置到高级定制的完整指导,涵盖 items、orientation、align、reverse、template、cssClass 等核心属性,以及 created 和 beforeItemRender 生命周期事件。支持 Before、After、Alternate、AlternateReverse 四种对齐方式,以及水平和垂直两种布局方向。内容项可包含字符串内容、模板内容或对侧内容,并可通过 dotCss、cssClass 等属性定制圆点样式和连接线外观。技能文档按主题分为入门设置、内容配置、对齐与方向、定制样式、模板渲染、事件生命周期、反向布局和完整 API 参考等章节,便于按需查阅。
该技能用于在 ASP.NET MVC 项目中实现 Syncfusion PDF Viewer 组件,支持嵌入、配置和加载 PDF 文档。它基于 NuGet 包 Syncfusion.EJ2.MVC5,可生成可直接复制粘贴的 Razor + HTML(.cshtml)代码示例,帮助开发者将 PDF 查看器集成到自己的项目中。技能强调严格模式:仅使用参考文件中明确列出的 API、方法和属性,不生成或建议未文档化的接口,不支持的功能会明确告知不支持的提示。涵盖文档加载(URL/本地路径/base64、加密文档)、工具栏定制、缩放与导航、批注(文本标记、形状、测量、图章、自由文本、墨迹、便签、电子签名)、表单字段(填充、设计、验证、导入导出)、文本搜索与选择、下载与打印、页面组织以及程序化 API 控制和事件处理等能力,并提供按功能划分的参考文件路由与生成前检查清单。
Syncfusion Vue PDF Viewer(ejs-pdfviewer)技能,用于在 Vue 2 或 Vue 3 项目中嵌入、配置和加载 PDF 文档,基于 @syncfusion/ej2-vue-pdfviewer 包生成可直接粘贴的 Vue 单文件组件示例代码。
EdgeOne Makers Recipes 是 EdgeOne Pages 的“项目结构模板与脚手架模式”参考集,面向需要创建新项目或查阅参考架构的开发者。资料提供了多种典型应用的目录结构与示例代码:Node.js、Go(Gin 框架)、Python(Flask)、Python(FastAPI)全栈应用,Go Handler 模式,Express 全栈,Edge API + KV 计数器,中间件与 API 组合,以及多语言 Cloud Functions。其中 KV 计数器示例包含明确前置条件:需先在控制台开通 KV Storage 并绑定命名空间,示例代码中 my_kv 为控制台绑定命名空间时设置的全局变量名。多语言示例说明同一 cloud-functions/ 目录可混用不同语言,平台按文件扩展名识别语言,每个文件作为独立函数构建与部署。资料未提供收费、价格、平台限制或效果相关信息。
面向现代 React 应用的高级模式与约定技能,覆盖 TanStack 生态(Query、Table、Form、Router)与 XState,强调数据获取、表格、表单、状态机、客户端状态、Schema 校验与测试的架构分工与常见陷阱规避。
Vaadin Form Layout 是一个用于在 Vaadin Flow(Java)中构建表单、实体编辑器或数据录入视图视觉结构与布局的智能体技能。它可以从任意规格来源出发——Figma URL、截图或文本提示——规划并生成表单界面。工作流程分为三步:理解输入并规划、收集参考资料、编写 UI 代码。对于明确的规格,严格按字段列表实现,不擅自增删字段或重命名标签;对于模糊请求,先提出针对性澄清问题再规划。表单主体始终使用 FormLayout,支持自动响应式、响应式断点、列跨度、约束宽度和非对称行等布局方式,并提供水平分区、垂直分区、紧凑单区和标签侧置等多个参考示例。
面向 Odoo 前端开发的技能:生成生产可用的主题模块,提供 /create-theme 命令、theme.utils 主题激活、字体与配色变量体系、动态页面模板参考、版本自动识别及 publicWidget 等前端实践。
该技能用于根据主题、提纲、报告或数据生成自包含的 HTML 演示幻灯片,产出为单个 .html 文件,可在任意浏览器打开。不用于编辑 PowerPoint 文件。
React 19 技能,覆盖 hooks、context、suspense、服务端/客户端组件、useActionState、编译器与 React Query,用于构建动态 Web 应用和前端数据获取。
Postrboard 是一套用于构建产品界面的 CSS 框架与技能,强调原生组件优先、内容诚实、克制配色,避免通用 AI 设计套路。适用于页面、应用、仪表盘、文档及组件开发。
面向 React Native Testing Library(RNTL)v13/v14 的测试编写技能指南,覆盖版本差异、查询优先级、userEvent 交互、Jest 断言、waitFor 与假定时器等约定,强调以版本对应参考文件与项目源码为准。
Tailwind CSS 与 shadcn/ui 的样式技能,涵盖组件安装与用法、CSS 变量主题定制、响应式布局、表单、cn() 工具函数、动画与暗色模式等实用模式,适合在编写前端组件样式时参考。
Panda CSS v1 升级到 v2 的迁移技能,指导将 @pandacss/dev 升级到 v2、修复 1.x 可用但 2.x 构建失败的项目,涵盖 ESM/Node 22 前置检查、包版本统一、presets 显式声明、hooks 迁移、CLI 变更与 CSS 差异排查。
resume-canvas 是 AI 生成视觉 HTML 简历后的本地可视化微调工具,提供所见即所得 Web 界面,用于修正错别字、微调字号、字重、颜色、对齐、行高、段后距与页边距,并在保存后触发事实重验与 PDF 重渲染闭环。仅适用于 6 套内置视觉模板,不支持 ATS-safe 模式。