shadcn-ng
shadcn-ng 是 shadcn/ui 的 Angular 移植版,提供基于 Tailwind CSS 的复制粘贴式组件,包含 CLI 初始化与添加组件命令、独立组件、cn() 类名合并工具及 CSS 变量主题。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-19 00:11
10,865 个结果
shadcn-ng 是 shadcn/ui 的 Angular 移植版,提供基于 Tailwind CSS 的复制粘贴式组件,包含 CLI 初始化与添加组件命令、独立组件、cn() 类名合并工具及 CSS 变量主题。
用于通过 Build Web Apps 或前端开发插件,在本地开发服务器和浏览器中对已渲染的前端应用进行测试、调试与定向改进的技能。
将 Three.js 渲染与实体组件系统(ECS)架构模式结合,并用 TypeScript 实现,用规范化方式管理复杂的交互式 3D 场景。
Shopify Hydrogen 是 Shopify 面向无头电商(headless commerce)的官方技术栈,基于 React Router v7 构建。它提供了一套工具、处理器与组件,用于在 Shopify Storefront API 之上搭建店面(storefront)。该技能包介绍 Hydrogen 的核心 API,包括 createHydrogenContext、cart handler、CartForm、缓存策略、分页、SEO、变体选择、分析与 CSP 等内容。所有导出均来自 @shopify/hydrogen,该包会重新导出 @shopify/hydrogen-react 的全部内容。所需环境变量包括 PUBLIC_STORE_DOMAIN、PUBLIC_STOREFRONT_API_TOKEN、PRIVATE_STOREFRONT_API_TOKEN、PUBLIC_STOREFRONT_ID、PUBLIC_CUSTOMER_ACCOUNT_API_CLIENT_ID、SHOP_ID。技能包还包含一个在线文档搜索脚本,可直接查询 shopify.dev 获取最新 API 参考、代码示例与指南,另有离线/缓存参考文档涵盖 setup、caching、cart、SSR 性能等主题。
AnyGen 网站生成技能,可在用户需要搭建网站或落地页时,调用 AnyGen CLI 在服务端生成页面,覆盖产品页、作品集、活动页、即将上线页等场景。需先通过浏览器或 API 密钥完成认证。
面向 Laravel 13 的 Livewire 4 响应式组件技能,涵盖 wire:model、actions、events、Volt 与 Folio,用于在不写 JavaScript 的情况下构建响应式界面。
面向生产环境的 Next.js 网页聊天集成技能,覆盖会话持久化、工具审批、工具结果 UI、检索增强与嵌入式挂件,并强调鉴权、流式传输与错误处理等工程约束。
用于实现动态内容无障碍播报的 ARIA Live Regions 技能,指导开发者为状态消息、通知、加载指示等选择合适的 role 与 aria-live 机制,避免误用和重复播报。
Syncfusion WPF 选项卡窗口控件实现指南,结合 SfChromelessWindow 与 SfTabControl,用于文档型应用,支持选项卡管理、拖拽排序、撕离浮窗、跨窗口合并与 MVVM 绑定。
Flutter 技能:规范屏幕在加载、空、错误、内容等非理想路径下的状态渲染与反馈方式,要求用单一 switch 解析状态,区分空/筛选为空/错误,错误可重试,刷新不空白,按内联、Snackbar、Banner、Dialog 阶梯选择反馈面。
9router-web-fetch 是 9Router 提供的网页抓取技能,通过 POST /v1/web/fetch 接口把指定 URL 转换为 markdown、text 或 HTML,可选用 Firecrawl、Jina Reader、Tavily、Exa、Ollama Cloud 等提供方,并支持 fetch-combo 自动回退。
Editframe 的 composition 技能用于在 HTML 或 React 中构建视频合成,通过 ef-timegroup、ef-video、ef-audio、ef-image、ef-text、ef-captions 等元素控制时间、视频、音频、图片、文字与字幕,并由 Editframe 统一驱动时间与媒体渲染。
该技能提供 React Hooks 的综合指导,涵盖 useState、useEffect、useContext、useReducer、useMemo、useCallback、自定义 Hook 及常用 Hook 模式,帮助管理状态与副作用、遵循 Hooks 规则并规避闭包与依赖问题。
lynx-check-css-support 是 Lynx 社区提供的一项技能,用于查询 @lynx-js/css-defines 的 compat_data 数据,检查 Lynx CSS 属性及嵌套特性/取值在不同渲染后端和 Lynx 版本下的支持情况。技能通过内置 CLI 脚本运行,数据在技能构建时固定并打包,查询过程不会下载或执行任何包。使用时需指定属性名,可选传入嵌套特性键、渲染后端和 Lynx 版本;未指定后端则比较全部后端。结果会给出可用性状态(available、requires-newer-version、conditional、unavailable、unknown)、version_added 值及相关标记(如 deprecated、experimental),并显示所用 @lynx-js/css-defines 版本。该技能以声明的后端/版本可用性为准,涉及属性行为、布局语义或用法示例时应查阅官方 Lynx 文档。可通过 --check-updates 检查 npm 上是否有更新版本。
该技能把 Markdown 报告、研究笔记、行业分析、战略备忘录、技术白皮书、复盘、周报等长文档,重组为有编辑判断、网页美感和证据秩序的自包含 HTML 专题页。要求先写 plan.md 再写 HTML,适合需要网页化报告、美化报告、便于分享或提升可读性与设计感的场景。
@json-render/tanstack-start 是 json-render 与 TanStack Start 的集成,用 JSON 规格描述完整页面与路由,支持布局、动态参数、splat 路由、SSR loader、head 元数据与静态路径生成。
IMG.LY CE.SDK Web 构建技能,用于在 React、Vue、Svelte、Angular、Next.js、Nuxt.js、Electron、Node.js 或原生 JavaScript 项目中实现功能、编写代码并搭建 CE.SDK Web 工程,提供框架检测、文档检索、常见陷阱检查与大量起始套件。
Sealos Canvas 是一个只读的本地拓扑可视化技能:它读取已由 Sealos Skills 部署项目的 .sealos/state.json 与 Kubernetes 资源,生成静态 HTML 拓扑页面并启动临时 127.0.0.1 本地服务,返回 localhost URL 供查看资源关系,不做任何写操作。
基于 Playwright MCP 的电商网站浏览器自动化技能,提供搜索、商品比较、购物车管理与结账等操作,包含封装好的 Python 脚本与原子工具函数。
一个用于生成具有独特视觉风格、生产级前端界面的技能,指导 AI 在编写组件、页面、应用或界面时避免千篇一律的“AI 味”设计,强调明确的美学方向、排版、色彩、动效、空间构图与背景细节。
面向 uni-app-x(Vue 3 + TypeScript + Vite)的组件与 API 示例技能,提供逐组件、逐接口的官方示例与平台兼容性说明,适合开发 uni-app-x 应用时查阅内置组件和网络、存储、设备、UI、导航、媒体等 API 的用法与兼容信息。
用于在 Dune 应用中嵌入 CDF 数据模型交互式图谱的技能,通过复制本地代码包集成 useGraphViewer,可展示节点、直接关系、边与反向关系。适用于 React 18+ 与 TypeScript 项目,不适用于静态图或非 CDF 图谱。
read-knowledge-impact 是 dosu-ai/dosu-skill 中的一个技能,用于分析本地 Cursor / Claude Code / Codex 等智能体日志中 Dosu MCP 的 read_knowledge 调用,判断每次返回信息是有效还是造成干扰,并生成一份本地 HTML 影响报告。
用于规划与构建 Drupal Canvas 导航界面的技能,覆盖主导航、页脚链接、侧边栏、移动抽屉与面包屑,强调设计分解、数据源选择、可访问性与组件复用。