frontend-technologies
一个面向前端开发的技能插件，覆盖 HTML、CSS、JavaScript、TypeScript 及 React、Vue、Angular、Svelte、Next.js 等框架与元框架，并涉及状态管理、样式方案、构建工具和测试实践，用于构建现代 Web 应用。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-27 00:15
前端与建站
11,179 个结果
artifacts-builder
Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具集，基于现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）。它通过初始化脚本生成配置完整的 React + TypeScript 项目，开发完成后可将全部代码打包为单个自包含 HTML 文件，直接在 Claude 对话中作为工件展示。
react-native-elements-best-practices
React Native Elements 组件库最佳实践指南，含 45 条规则、8 个分类，覆盖导入与初始化、主题架构、组件选择、列表性能、属性配置、样式模式、回调事件与进阶模式，按影响优先级排列，用于指导组件用法、主题与性能优化。
post-purchase-ui-extension
面向 Shopify 购后追加销售界面（付款后、感谢页之间的屏幕）的 SDK 参考，针对 @shopify/post-purchase-ui-extensions-react（npm 0.13.5，已进入维护状态）。包含组件目录、生命周期契约与沙箱规则。
primitive-chat
primitive-chat 是一个通过电子邮件与人员或其它智能体通信的命令行工具，核心命令为 primitive chat <email> <message>，发送邮件后等待同一线程的回复。适合在遇到工具或服务问题时联系其支持、文档或智能体地址。
web-design-guidelines
用于审查 UI 代码是否符合 Web Interface Guidelines 的技能，可响应“检查无障碍”“审计设计”“评审 UX”等需求，按抓取的最新规则输出 file:line 格式的检查结果。
react-best-practices
面向 React 与前端性能优化的最佳实践技能，涵盖消除请求瀑布、包体积优化、服务端渲染性能、客户端数据获取、重渲染与渲染性能等规则，并默认把 useEffect 视为与外部系统同步的逃生舱而非通用控制流工具。
i18n-patterns
一套面向 Next.js 服务端与客户端组件的国际化（i18n）模式，使用 getTranslations 与 useTranslations 处理翻译与语言切换，支持 en、zh 两种语言。
css-scroll-driven-native
用纯 CSS 的 Native CSS Scroll-Driven Animations API（animation-timeline: scroll()/view() + animation-range）实现滚动进度条、进入视图显现、轻量视差等效果，零 JavaScript。作为渐进增强使用，需配合 @supports 和 prefers-reduced-motion 回退。仅当资料明确说明用途时归入前端与建站。
design-taste-frontend
面向落地页、作品集与改版的反套路前端技能，先读需求推断设计方向，再用三档参数控制版式、动效与密度，并优先采用官方设计系统或如实标注风格近似做法。
design-taste-frontend-v1
前端高审美设计技能 v1 版，为依赖其精确行为的项目保留。它在 design-foundation 的 6 项纪律与 slop-test 底线之上叠加风味，定义设计变量、动效强度与视觉密度，并给出 React/Next.js 与 Tailwind 的约定及反 AI 套路规则。
docs-site-macos
用于生成 macOS 风格、单文件 HTML 文档站的技能，采用液态玻璃（分层毛玻璃）视觉体系，含侧边栏、思维导图、可拖拽 SVG 图表、明暗主题，输出自包含 HTML 并本地托管、用 Playwright 审计。
imagegen-frontend-web
面向前端网站视觉方向的图像生成技能，用于产出高端、具备转化意识的网站设计参考图。核心规则是每个区块生成一张独立横向图片，强调版式、层级、间距与可落地性。
lenis-smooth-scroll
为全站配置基于物理的 Lenis 平滑滚动，并正确同步 GSAP ScrollTrigger：共用单一 raf driver、不产生相位偏移与抖动。仅依据资料整理，收费与价格暂未提供。
orca-sec-scans
orca-sec-scans 是一个只读的源代码安全扫描技能，用 Trivy 检测依赖 CVE、配置错误与文件中的密钥，覆盖后端/前端，输出 JSON+HTML 报告并汇总 HIGH/CRITICAL；还包含用真实请求核验开发假设的动态扫描，以及供应链/品牌仿冒的对外扫描。
prd-grade-fe
prd-grade-fe 是一个带机器门禁的前端生产级页面生成流程技能：把主题锁定到单一 design.md，按 token 方式构建，需通过 fe-gate.sh 门禁与 P0=0 才算可交付；不拥有设计规则，审美与确定性规则分别来自 hallmark 与 impeccable。
scroll-effects
滚动效果技能：提供 64 个原样复制的免费前端/CodePen MIT 效果（位于 Rheinmir/uiux-asset 仓库），另有 7 个自写原生轻量模式，供无法引入外部库的项目使用。默认复制原文件，仅改内容与配色，保留署名注释；需本地 HTTP 运行并用 playwright 验证。
tidy
tidy 是一个用于清理和校验草稿与渲染仓库的技能：当 wiki/sources/draft/*.md 或 llmwiki/html/*.html 膨胀时，把有价值内容提升到 wiki，把已完成的草稿归档，保留规范文件，并重建索引。
timeline
纯 HTML/CSS/JS 的垂直时间线组件，单一时间轴显示日期、标题与来源，滚动渐显，768px 处从移动布局切换为桌面布局，适用于 changelog、项目历史、路线图与写作归档等页面。
tour-guide-supademo
tour-guide-supademo 是 rheinmir/skills 下的样式技能，把 Supademo 风格的产品引导视觉层叠加到 tour-guide 组件上，包含 blinker 热点、tooltip 卡片、控制栏、进度条与自动播放计时条，全部跟随单一品牌色 token。仅负责样式，不含引导UX机制。
uat-nonit-testcase
用于为业务非IT用户（薪酬、会计、运营）生成单文件离线HTML版UAT测试用例/核对清单，含可用Ctrl+F检索的编号用例表，输出格式为HTML/CSV/PDF。
ui-snapshot
将 React/Next.js/Vue + Tailwind 前端的全部 UI/UX 打包为一个自包含、可离线打开的 HTML 文件，内置硬编码占位数据，并用 Playwright 截图核对。
web-design-guidelines
一个用于审查 UI 代码是否符合 Web Interface Guidelines 的技能：从指定 URL 拉取最新规则，读取目标文件并逐条检查，以简短的 file:line 格式输出发现的问题。适用于评审界面、检查无障碍、审计设计与 UX 等场景。
component-scaffolder
前端组件脚手架生成器，可根据组件描述自动生成符合项目规范的组件代码，自动识别 React+MUI 或 Vue3+AntDesign 技术栈并套用对应模板，支持新建业务组件、共通组件和页面级组件，适合需要快速创建规范一致的组件骨架时使用。