anthropic-frontend-design
用于创建独特、生产级前端界面的技能，强调避免通用“AI 味”审美，结合结构化设计智能（可访问性、UX 规则、技术栈指南）与大胆的美学方向，适用于注重视觉辨识度的前端开发。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-27 00:15
前端与建站
11,192 个结果
crt-shader
crt-shader 是一个基于 WebGL 2 的多通道 CRT 复古效果库，可为图片、画布以及 Three.js / React Three Fiber 场景添加信号滤波、亮度相关扫描线和显示光学效果。仅支持浏览器，需 WebGL 2，提供 ES 模块与 TypeScript 声明。
tauri-app-frontend-selection
为 Tauri v2 应用选择并配置前端框架的技能，兼顾静态导出兼容性，帮助在 Vite、Next.js、Nuxt、SvelteKit 等方案间做决定。
tauri-concept
介绍 Tauri v2 架构概念的中文技能，涵盖进程模型、IPC 隔离机制与 brownfield 集成模式，用于解释 Tauri 内部工作原理及隔离与旧项目迁移的取舍。
tailwind-ecommerce
面向电商界面的 Tailwind CSS 模式集合，覆盖商品展示、商品列表、分类筛选、购物车、结账流程、订单管理与店铺导航，并包含无障碍要点；还提供前端组件 MCP 检索组件。
wp-javascript
面向 WordPress 插件与主题开发的 JavaScript 集成参考技能，涵盖脚本注册与入队、PHP 向 JS 传值、AJAX 请求响应、Heartbeat API、jQuery 用法与加载策略等主题。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
pingone-app-integration
面向在 Android、iOS、JavaScript/React 及后端应用中集成 PingOne（多租户）的实践技能：使用 Ping Orchestration SDK 完成 OIDC 授权码 + PKCE 流程、令牌存储与续期、CORS 配置及故障诊断。环境与应用创建、DaVinci 流程编写不在范围内。
pixijs-accessibility
面向 PixiJS v8 应用的无障碍技能，用 AccessibilitySystem 为 Canvas 内容添加屏幕阅读器与键盘导航支持，通过覆盖在可访问容器上的不可见 shadow DOM 让辅助技术发现并激活元素。
pixijs-core-concepts
PixiJS v8 渲染核心概念技能，讲解渲染器（systems 与 pipes）、渲染循环以及如何适配浏览器、Web Worker 或 SSR 等环境，帮助理解 PixiJS v8 每帧如何把像素绘制到屏幕上。
pixijs-environments
PixiJS Environments 是 PixiJS v8 官方提供的一项环境适配技能，用于在标准浏览器之外的运行环境中使用 PixiJS，包括 Web Worker、OffscreenCanvas、Node/SSR 以及受 CSP 限制的上下文。其核心是 DOMAdapter 抽象层：PixiJS 所有对 DOM 的访问（画布创建、图片加载、fetch、XML 解析等）都通过该适配器完成，从而可以在无 DOM 的环境中运行。使用方式是先调用 DOMAdapter.set(...) 切换适配器，再调用 app.init()。技能覆盖了 Web Worker + OffscreenCanvas 的完整流程、pixi.js/browser 与 pixi.js/webworker 等环境子路径导入、loadEnvironmentExtensions 环境扩展加载、CSP 环境下引入 pixi.js/unsafe-eval 多填充，以及为 Node.js、无头测试和 SSR 实现自定义 Adapter。资料同时说明了 Web Worker 中不可用的功能（DOMContainer、AccessibilitySystem、FontFace 字体加载），并列出常见错误，如适配器设置时机过晚、直接使用 document 或 Image、误用旧版 settings.ADAPTER 等。
pixijs-html-source
PixiJS v8 实验性技能：通过 HTML-in-Canvas 浏览器 API，把实时 DOM 元素或冻结快照转成 TextureSource，可像普通纹理一样用在 Sprite、Texture 帧或 Mesh 上。
pixijs-scene-container
PixiJS v8 场景图中的通用节点 Container 技能：用于分组、定位和变换显示对象，涵盖构造选项、子节点增删、变换、zIndex 排序、边界与坐标转换、事件及销毁等用法。
pixijs-scene-dom-container
PixiJS v8 技能：用 DOMContainer 把 HTML 元素叠加到画布上，并由场景图驱动其 CSS transform，适合原生输入框、iframe、视频或需要跟随显示对象的富 HTML。该 API 在 v8 中标记为实验性，可能随小版本变化。
pixijs-scene-text
PixiJS v8 文本渲染技能，涵盖 Text、BitmapText、HTMLText、SplitText、SplitBitmapText 五类文本节点的选型、用法与性能权衡，并给出常见错误与更新成本对比。
figma-implement-design
figma-implement-design 是一个将 Figma 设计节点转换为生产级代码的技能，通过 Figma MCP 工作流实现与设计稿 1:1 的视觉还原，涵盖设计上下文获取、截图参照、资源下载与项目规范整合。
pmndrs-xr
用于构建、修改、调试和验证基于 React Three Fiber 与 @react-three/xr、uikit、handle 的 WebXR 体验的技能资料，覆盖 AR/VR、空间交互、指针、控制器、手部追踪、命中测试、传送、锚点等能力。
organizing-conversations-code
PostHog conversations 产品的文件组织规范技能，规定 products/conversations/ 下 React 组件、辅助函数与测试文件的存放位置、命名和导入方式，用于新增、移动、重命名或审查该目录下的文件。
export-ml-site
export-ml-site 是一个用于将 JOURNAL、探索性数据分析 Markdown 与设计笔记打包为离线 MkDocs 站点的技能。它不执行 Python，只导出 Markdown 以及已经生成的 notebook / HTML 查看器，并把已有 notebook HTML 伴随文件嵌入到相应报告中。站点在工作区根目录通过 report.html 的 file:// URL 打开。当用户请求网站、mkdocs 或文档站点时触发。该技能按 policy.site 策略决定是否初始化、构建站点，支持增量构建（--if-stale）和直接重建两种方式，构建成功后提示网站已更新并给出 file:// 链接。
nutrient-react-native-sdk
Nutrient React Native SDK 是 @nutrient-sdk/react-native npm 包，位于原生 Nutrient iOS 与 Android SDK 之上的 React Native 桥接层，用单一 JavaScript/TypeScript API 提供 PDF 查看、注释、表单填写与数字签名等能力。旧包名 pspdfkit-react-native 为改名前的名称。
frontend-component-build
一个用于构建生产级前端组件的技能，强调无障碍标记、合理 API、完整状态与测试行为，框架无关，适用于 React、Vue、Svelte 或原生 Web Components。
remix-ui
remix-ui 是 Remix 官方提供的 UI 构建技能，用于为 Remix 应用搭建界面。它以 Remix Component 作为页面、布局、交互与客户端行为背后的 UI 模型，覆盖页面与布局的创建更新、交互与状态管理、样式编写、客户端入口与导航、进出场及布局动画，以及可复用 mixin 的编写和 UI 组件测试。技能给出了两阶段组件形态、host-element mixins、全局监听、任务队列、显式 head 管理等实践规范，并附带组件模型、mixins 与样式事件、水合与帧导航、测试模式、元素动画、mixin 创建等参考文档。
new-element
该技能用于在 Remotion 文档仓库中搭建新的 Remotion Element 开发脚手架，并注册一个配置正确的预览 composition，便于在 Remotion Studio 中开发调试。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调高设计质量与鲜明美学方向，避免常见的“AI 味”设计。适用于用户要求构建 Web 组件、页面或界面时使用。