container-lines
Container Lines 是一套为网页布局添加竖向容器参考线的样式方案，用细线与角落小方块标出内容容器边界，帮助页面形成精确、结构化的视觉秩序。适合 hero、区块或产品页需要收紧结构张力、呈现克制技术感时使用。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
前端与建站
11,258 个结果
css-alpha-masking
一个用于实现 CSS alpha 遮罩的技能，通过 linear-gradient 生成水平或垂直方向的边缘渐隐效果，同时提供 mask-image 与 -webkit-mask-image 以兼容 Safari。
css-border-gradient
css-border-gradient 是一套用于网页界面的渐变边框样式技能，为卡片、定价面板、导航栏、弹窗、按钮或主视觉区域提供更精致的边缘处理。资料给出默认参数、两种 CSS 实现模式、Tailwind 写法与审美规则。
editorial-portfolio-chapters
用于设计与搭建创意工作室、代理机构、摄影师、艺术家及作品集网站的编辑式章节技能：以项目作品主导叙事，再说明工作室观点；包含视觉系统、页面编排、招牌交互与无障碍校验。
editorial-service-booking
面向沙龙、理发店、水疗、康养工作室、诊所与酒店品牌的预约制服务网站设计技能，用温暖编辑风呈现服务浏览，并衔接稳健的预约流程。
gsap
GSAP（GreenSock）Web 动画技能，用于在 HTML/CSS/JS/React 中添加或调试专业网页动画，涵盖时间线、ScrollTrigger、交错动画与变换等模式。
gsap-scrolltrigger-storytelling
用 GSAP ScrollTrigger 构建电影感滚动叙事的产品展示页：粘性分区、渐进式界面揭示、滚动同步动画与沉浸式段落过渡。
landing-page
用于设计或重写高转化落地页（单一offer页面）的网页设计技能，覆盖页面结构、布局模式、转化策略、文案公式、SEO/AEO 检查与常见误区，适用于 SaaS、应用与服务类产品。
liquid-metal-border
为 React 18+ 项目添加可调的液态金属 WebGL 边框的技能，基于 metal-fx 包。适用于按钮、图标控件、标签页、卡片等需要活跃/选中/悬停状态视觉强调的控件，并提供无障碍、性能与降级要求。
matterjs
Matter.js 是一个用于实现 2D 物理交互的 JavaScript 技能，涵盖 Engine/World 初始化、Render/Runner 配置、添加刚体与约束，以及鼠标交互等。
nested-container-frames
用于构建“容器套容器”页面布局的技能：通过外层居中容器、可见的竖向边界线与角标，以及内层内嵌框架，形成有层次又不依赖厚重卡片的页面结构。
progressive-blur
用多层 backdrop-filter 与遮罩叠加，生成顶部或底部的分层 CSS 渐进模糊，营造纵深与柔和过渡。适用于需要“progressive blur”效果的界面场景。
scroll-progress-timeline
scroll-progress-timeline 是一个把有序流程转化为数据驱动滚动故事的技能：用基线、进度填充和激活步骤状态呈现纵向或横向时间线，并支持响应式折叠。
scroll-scrubbed-visual-sequence
用于构建可逆的滚动控制视觉变换：通过固定或粘性舞台、归一化进度，驱动视频、图像序列、Canvas、SVG 或 DOM 渲染，并兼顾无动效可用性与无障碍。
scroll-scrubbed-word-reveal
Scroll-Scrubbed Word Reveal 是一个滚动驱动的逐词显现效果方案：随滚动进度逐词显示标记文本，同时保留语义化行内链接、强调、响应式换行和减少动效偏好，让阅读进度可见而不破坏真实文本与行内标记。
staggered-word-reveal
一个技能规范：为标题、引言或引语创建逐词淡入上浮的编辑级文字揭示动画。每个词随内容进入视口时依次淡入并上移归位，仅播放一次；提供 HTML 标记、CSS 过渡与 JavaScript 分词实现，含无 JS 回退与减弱动效支持。
tailwindcss
Tailwind CSS 是一个工具类优先（utility-first）的样式技能，用于在 HTML/JSX 中快速构建一致间距与排版规模的界面，涵盖布局、排版、响应式、主题与组件模式，适合组件驱动应用、营销页与原型到生产。
thinking-orbs
Thinking Orbs 是面向 React 18+ 的加载指示组件库，用透明 2D 画布绘制单色动态圆点，为聊天、Copilot、语音、搜索、生成等场景提供不确定性的 AI 活动与智能体状态反馈。提供六种状态与 20、64 两种预设尺寸。
threejs
用于在网页中构建或调试 Three.js 交互式 3D 场景的技能，涵盖场景、相机、渲染器、灯光材质、GLTF 加载、控制器与性能优化等主题。
vantajs
用于在网页中添加 Vanta.js 动态 WebGL 背景效果的技能，覆盖初始化、参数更新、尺寸调整、性能优化以及在 React/Next.js 等框架中的集成。
web-technique-to-skill
该资料介绍一种工作流：把已构建成型的视觉或交互技法，从单个文件中提炼为可复用的 Web 设计技能。核心是每个技能只抽取一个机制，并与配色、文案、布局等“布景”分离。适合已有效果代码、需要沉淀复用经验的场景。
3d-graphics
基于 Three.js 的 3D Web 图形技能，覆盖 WebGL/WebGPU 渲染，包括场景、相机、几何体、材质、灯光、动画、GLTF/FBX 模型加载、PBR、后处理、物理与 VR/XR，并提供渐进式学习参考文档。
typo3-a11y
面向 TYPO3 v13/v14.3 LTS 站点包前端开发的无障碍（可访问性）技能，依据 WCAG 2.2 AA 标准提供规范、内容元素清单与前端模式参考，用于构建可访问的导航、表单、筛选、表格、跳转链接与折叠组件，并审查前端代码。
react-principles
一套面向 React 开发的实践准则技能，涵盖组件设计、状态管理与 Effect 使用纪律，适用于编写、评审或重构 React 组件与自定义 Hook 时参考。