Web Artifacts 构建器
io.github.anthropics/skills/web-artifacts-builder
使用现代前端技术(React、Tailwind CSS、shadcn/ui)创建复杂多组件 claude.ai HTML artifact 的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact,不适合简单的单文件 HTML/JSX artifact。
“Core Web Vitals” 共 485 个结果
io.github.anthropics/skills/web-artifacts-builder
使用现代前端技术(React、Tailwind CSS、shadcn/ui)创建复杂多组件 claude.ai HTML artifact 的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact,不适合简单的单文件 HTML/JSX artifact。
vnext
io.github.webiny/webiny-js/event-publisher
api/event-publisher — 2 个抽象。
vnext
io.github.webiny/webiny-js/file-manager
API — File Manager — 28 个抽象。文件事件处理器及用例。
vnext
io.github.webiny/webiny-js/graphql
api/graphql — 7 个抽象。
vnext
io.github.webiny/webiny-js/key-value-store
api/key-value-store — 2 个抽象。
vnext
io.github.webiny/webiny-js/logger
api/logger — 1 个抽象。
vnext
io.github.webiny/webiny-js/opensearch
api/opensearch — 4 个抽象。
vnext
io.github.webiny/webiny-js/scheduler
API — Scheduler — 15 个抽象。定时操作用例。
vnext
io.github.webiny/webiny-js/security
API — Security & Auth — 53 个抽象。认证、API 密钥、角色、用户、团队事件处理器及用例。
vnext
io.github.webiny/webiny-js/build-params
api/build-params — 2 个抽象。
vnext
io.github.webiny/webiny-js/aco
API — ACO — 30 个抽象。文件夹事件处理器及用例。
vnext
io.github.webiny/webiny-js/system
API — System — 2 个抽象。系统安装事件处理器及用例。
vnext
io.github.webiny/webiny-js/tasks
api/tasks — 2 个抽象。
vnext
io.github.webiny/webiny-js/tenancy
API — Tenancy — 17 个抽象。租户生命周期与安装事件处理器及用例。
vnext
io.github.webiny/webiny-js/website-builder
API — Website Builder — 57 个抽象。页面与重定向事件处理器及用例。
io.github.NeverSight/learn-skills.dev/web-animation-css-animations
CSS 动画模式——过渡、keyframes、滚动驱动动画、@property、GPU 加速属性,以及基于 prefers-reduced-motion 的可访问性。
io.github.vamseeachanta/workspace-hub/n8n-webhook-workflow
automation 的子技能:n8n Webhook 工作流(+3)。
io.github.vamseeachanta/workspace-hub/webhook-to-workflow-pattern
automation 的子技能:Webhook 转工作流模式(+2)。
io.github.baptisteArno/typebot.io/web-animation-design
设计并实现自然且恰到好处的 Web 动画。当用户问到动画、运动、easing、时序、时长、spring、过渡或动画性能相关问题时主动使用。包括如何为特定 UI 元素做动画、该用哪种 easing、动画最佳实践,或动效的无障碍考量。触发词:easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring 物理、keyframes、transform、opacity、fade、slide、scale、hover 效果、微交互、Framer Motion、React Spring、GSAP、CSS transitions、进出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、modal/dropdown/tooltip/popover/drawer 动画、手势动画、拖拽交互、按钮按压感、显得卡顿、变顺滑。
io.github.agents-inc/skills/web-animation-css-animations
CSS 动画模式——过渡、keyframes、滚动驱动动画、@property、GPU 加速属性,以及基于 prefers-reduced-motion 的可访问性。
io.github.agents-inc/skills/web-animation-css-animations
CSS 动画模式——过渡、keyframes、滚动驱动动画、@property、GPU 加速属性,以及基于 prefers-reduced-motion 的可访问性。
io.github.PramodDutta/qaskills/playwright-mobile-web
使用 Playwright 设备模拟进行移动 Web 测试,涵盖响应式测试、触摸交互、视口管理、网络限速、地理位置测试与移动端专属 UI 模式。
io.github.wshobson/agents/web-component-design
掌握 React、Vue 与 Svelte 组件模式,包括 CSS-in-JS、组合策略与可复用组件架构。在构建 UI 组件库、设计组件 API 或落地前端设计系统时使用。
io.github.vercel-labs/open-agents/web-animation-design
设计并实现自然而有目的感的 Web 动画。当用户询问动画、motion、缓动、时序、时长、弹簧、过渡或动画性能问题时,主动使用本技能。包括:如何为特定 UI 元素做动画、该用什么缓动、动画最佳实践,以及动效的无障碍考量。触发词:easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring physics、keyframes、transform、opacity、fade、slide、scale、hover effects、microinteractions、Framer Motion、React Spring、GSAP、CSS transitions、入场/出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、弹窗/下拉/提示气泡/抽屉动画、手势动画、拖拽交互、按钮按压手感、感觉卡顿、想要顺滑效果。