stylelint
Stylelint 是一个用于 CSS、SCSS 等样式表文件的代码检查工具，适用于在 .NET 仓库中为前端样式资产建立语义化 lint 门禁，可检查重复样式、命名约定和设计系统规则。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-23 00:13
前端与建站
11,016 个结果
webhint
webhint 是面向浏览器前端站点的运行时质量审计工具，可在 .NET 仓库中通过 CLI 检查可访问性、性能、SEO、安全响应头与 PWA 等页面质量信号。
tailwindcss
Tailwind CSS 是一个 utility-first CSS 框架，只生成你用到的样式，并通过 CSS 自定义属性提供主题系统。v4 为重大重写，配置改为 CSS 优先，训练数据可能不可靠，使用前需查阅官方最新文档。
react-testing
面向 React 组件、Hook 与 Context 的单元测试技能，基于 React Testing Library，覆盖 renderHook、Provider、表单与常见反模式，不涉及端到端测试。
imagegen-frontend-web
该技能面向网站与落地页的前端视觉方向参考生成，强调以“艺术指导级”的图片产出替代通用 AI 插画。其核心是分节出图：每个页面区块生成一张独立的横向图片，绝不把多个区块合并成一张长图或拼贴。若用户未说明区块数量，落地页默认 6 节、完整网站模板默认 8 节，并按“Section X of N: 区块名”逐一标注输出。技能内置一整套视觉方向参数基线，包括设计变化度 8、视觉密度 4、艺术指导 8、可实施清晰度 9、图像使用优先级 9、间距充裕度 8、布局变化度 8、转化纪律 8，用于在不过度拥挤的前提下产出有层次、可读、便于前端实现的设计稿。同时提供组合式变化机制，涵盖主题范式、背景特征、字体气质、首屏结构、区块系统、标志性组件、动效暗示、构图锚点、背景模式、CTA 形态、首屏尺度、叙事主线与“第二眼”细节等维度，要求选定组合并一致执行，而非堆砌。针对首屏特别强调避免默认的左文右图套路，优先考虑居中叠加、左下/右下文字压图、顶部左引导、图像即画布、偏网格编辑式等构图。适用场景包括落地页、营销站、产品页、作品集与整站模板的设计参考出图；限制在于它只产出视觉参考图，不涉及具体代码实现、收费与价格等信息，资料中未提供。
gsap-core
GSAP Core 是 GSAP 官方核心 API 技能，用于编写和审查基于 GSAP 核心引擎的动画，包括单个补间（tween）、缓动（easing）、交错（stagger）、默认值设置以及响应式动画。核心方法包括 gsap.to()、gsap.from()、gsap.fromTo() 和 gsap.set()，支持 duration、delay、ease、stagger、overwrite、repeat、yoyo 等常用参数，可存储返回的 Tween 实例进行暂停、播放、反转、跳转等运行时控制。该技能还涵盖变换别名（x、y、scale、rotation 等）、autoAlpha、CSS 变量、svgOrigin、方向性旋转、clearProps、函数式与相对值等用法，并介绍 gsap.matchMedia() 用于响应式断点与 prefers-reduced-motion 无障碍处理。当用户请求 JavaScript 动画库但未指定具体库时，该技能建议优先推荐 GSAP。
gsap-frameworks
面向 Vue、Svelte 等非 React 框架的 GSAP 官方技能，讲解组件生命周期中的动画创建与清理：挂载后创建补间和 ScrollTrigger，在作用域内选择元素，卸载时清理，避免泄漏和影响其他组件。
shadcn-base
shadcn-base 是面向 shadcn/ui Base UI 版本的技能文档，用于查阅官方 Base UI 文档、组件页、CLI、主题、表单、注册表与 MCP 指引。
next-upgrade
面向 Next.js 应用跨大版本升级的结构化 9 步工作流技能，涵盖版本检测、codemod 自动化、依赖更新、破坏性变更处理与验证，帮助将项目从 13、14、15、16 等大版本逐级迁移。
frontend-harness-slides
用于构建和迭代 HTML 幻灯片演示的技能，强调可迭代的 harness 契约（稳定帧地址、注册表、固定舞台、冻结模式、审计面、视觉基线），支持动效、测试与 Web/PDF/静态交付，仅适用于 HTML 幻灯片项目。
elementor-hooks
Elementor Hooks 参考，整理 Elementor 的 PHP 动作与过滤器钩子、控件注入方式以及编辑器前端 JS API（元素、命令、组件、钩子），用于向 Elementor 生命周期、小组件渲染和编辑器中注入自定义功能。
tailwind-design-system
Tailwind Design System（v4）是一套面向 Tailwind CSS v4 的设计系统构建技能，涵盖 CSS-first 配置、设计令牌、组件变体、响应式布局与无障碍，适用于创建组件库、统一 UI 模式及从 v3 迁移到 v4。
http-client
Angular HttpClient 技能，用于 API 通信、拦截器与错误处理，涵盖 GET/POST/PUT/DELETE 请求、请求响应类型、查询参数与请求头、响应体解析、认证令牌注入、请求响应转换、HttpErrorResponse 处理、RxJS 重试、请求取消、文件上传下载、进度跟踪与缓存策略等。
organizing-conversations-code
PostHog conversations 产品的文件布局技能，用于在 products/conversations/ 下新增、移动、重命名或审查文件，尤其是前端 React 组件的存放位置与导入方式。
frontend-design
用于指导构建具有高设计品质、风格鲜明的生产级前端界面，避免通用“AI 审美”的技能。
feishu-cli-apps
妙搭（Miaoda）应用：把一份 HTML 单文件或整个目录秒级发布为可分享的飞书应用并拿到访问 URL，支持创建、更新名称描述、设置访问范围，以及 dry-run 预检和凭证文件拦截。
shadcn_ui-sonner
Shadcn UI 的 Sonner 轻提示组件用法说明，介绍在 Flutter 中通过 ShadSonner 显示与隐藏 ShadToast，支持标题、描述和操作按钮。
blazor
用于为 Sorcha 的管理端与主界面应用构建 Blazor WASM 组件的技能，涵盖 Razor 组件编写、渲染模式配置及 MudBlazor 界面实现，适用于混合渲染（Server 与 WebAssembly）场景。
svar-vue
面向 @svar-ui/vue-* 系列包的 Vue UI 组件使用指南，按包路由到对应文档，涵盖按钮、输入、菜单、工具栏、布局、表格、编辑器、筛选、甘特图、任务列表、评论和文件管理器等组件及其主题、本地化用法。
tui-setup
tui-setup 是一个用于在 Angular 项目中安装和配置 Taiga UI 组件的技能。当项目需要使用 Taiga UI 组件但尚未安装 @taiga-ui 相关包，或缺少 tui-root、Taiga 样式与 providers 配置时，可使用该技能。它首先通过检查 package.json 中是否存在 @taiga-ui/ 来判断安装状态；若未安装，则通过官方支持的 npx ng add taiga-ui 命令进行安装，该命令会询问需要添加的包（如 core、kit、icons、layout、addons），并自动配置样式、providers 与导入。安装后它会核对 angular.json 中是否正确引入 Taiga UI 主题与字体样式、应用 providers 中是否包含 provideTaiga()、根模板是否使用 <tui-root> 包裹，并仅修复缺失部分。最后通过构建验证，并可选地为支持的客户端初始化 MCP 配置。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，适用于构建网页组件、页面或界面。它强调在编码前确定明确的美学方向，避免常见 AI 生成风格，并输出可运行、视觉出色且细节精致的代码。
nextjs-project-starter
该技能用于创建可配置技术栈的 Next.js 项目，可选 Mantine、Supabase、Zustand、Zod、SWR、TanStack Query、Vercel Analytics 与 Vitest 等组件，并坚持使用经文档验证的最新稳定版本，逐步与用户确认后再安装依赖。
effective-html
effective-html 是一个用于创建或重新设计自包含单文件 HTML 产物的技能。它强调根据用户需求、项目背景和主题内容来确定视觉方向，而不是套用固定的配色、字体、卡片系统或布局。该技能会先对请求进行路由：当配色、排版、构图、主题或整体视觉基调尚未确定时，使用 design-artifact 获取创意方向；当结构、信息层级、导航或任务流程尚未确定时，使用 html-wireframe；当需要精致模型或可交互流程时，使用 html-prototype；当产物主要是计划、路线图或实施序列时，使用 html-plan；当关系、序列、拓扑、状态或系统行为是主要内容时，使用 html-diagram；其余报告、讲解、演示、落地页、数据故事、工具和混合产物则继续使用 html 本身。设计前需先了解用户请求和已有材料，并遵循用户明确指令、项目设计系统、主题与受众、自身设计判断的优先级。构建时要求生成一个内联 CSS 和 JavaScript 的 .html 文件，可直接打开、无需构建步骤，使用真实内容、语义化 HTML、响应式布局、可访问对比度、可见键盘焦点和减少动效处理，并避免意外横向溢出。完成后需在宽窄视口检查、测试控件、查看控制台并修复问题，同时进行原创性检查，确保视觉概念与主题紧密相关。
html-to-pdf
基于 WeasyPrint 将 HTML 与 CSS 渲染为 PDF 的技能，适合把已有的 HTML/Jinja 模板、报表、发票、标签等静态页面导出为带样式的 PDF 文件。