frontend-security-coder-v3
前端安全编码工作流技能，专注 XSS 防护、输出编码、CSP 配置、安全 DOM 操作与客户端漏洞修复，源自公开仓库的导入打包版本，保留来源与支持文件。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-28 00:17
前端与建站
11,241 个结果
omniroute-web-fetch
OmniRoute 的网页抓取技能，通过 OmniRoute 代理 Jina Reader、Firecrawl 或原始 HTML 剥离，将 URL 内容转换为干净的 Markdown，适合把网页作为资料导入。
legal-impressum
用于创建和审查奥地利网站法律声明（Impressum）与披露内容的技能，覆盖 ECG、UGB、GewO、MedienG、Offenlegung 及各种公司形式的必填字段与模板。
typo3-vite
为 TYPO3 v13/v14 LTS 项目配置 Vite 7 构建的技能，配合 praetorius/vite-asset-collector，涵盖按内容元素拆分入口、Bootstrap 5.3 选择性导入、SCSS 架构、SVG 优化与 CSP 合规。
baogong
包公.skill 是一个求职简历定制技能，针对具体 JD 交互式调整简历，通过编造阻断门与审计节点确保每条经历可经面试追问，支持 HTML 与 Markdown 双格式交付。
frontend-design
面向 React 页面与组件的历史前端设计指南。
base-ui-basic-primitives
Base UI 基础原语技能，用于低集成复杂度的简单界面组件：Avatar、Button、Meter、Progress、Scroll Area、Separator。适合需要这些基础视觉原语的场景。
telegram-mini-app
用于构建 Telegram Mini App（TWA）的技能，覆盖 Telegram Web App API、Mini App 架构、TON Connect 集成、应用内支付、Telegram 用户认证、Mini App UX 模式、病毒式增长机制与 TON 区块链集成等主题。
review-ui
review-ui 是一个前端/UI 代码质量审查技能，用于检查长内容溢出与截断、响应式多屏布局、flex 与固定尺寸、z-index 层级规范以及 SCSS/CSS/BEM 样式质量，输出 PASS/BLOCKED/WARN 结论。
web-frameworks
面向现代全栈 Web 开发的技能组，整合 Next.js、Turborepo 与 RemixIcon，覆盖 SSR、SSG、RSC、PPR、ISR、单体仓库构建与图标使用；含参考导航、配置示例、常用模式与脚本用法，资料未提供收费、价格与支持平台信息。
krt-interface-warden
krt-interface-warden 是一个前端界面设计技能，用于独立设计、实现或评审具有辨识度、功能明确、非模板化的产品界面，默认采用 Editorial Product UI 立场，以内容主导层级与工作台隐喻组织页面。
universal-theme
面向 Expo 跨平台项目的通用主题方案，用通用 CSS（Tailwind v4 + react-native-css）在 iOS、Android 与 Web 上统一处理浅色/深色/跟随系统三种模式，包含 CSS 变量、React 上下文、原生外观 API 与防闪烁脚本。
website-estimation
用于创建网站项目相对估算的引导式工作流技能，通过选取最小任务作为基准，将其他工作按倍数估算，覆盖简报收集、设计组件盘点、技术方案、估算结构、开放问题、细化与输出文档等阶段。
context-master
Context Master 是一个面向复杂任务的通用上下文管理与规划技能，强调在创建多文件项目或分步任务前先规划架构，按依赖顺序创建文件并核对引用，以减少返工和上下文消耗。资料主要给出 Windows 路径写法、文档创建规范与规划工作流。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
svg-figures
用于产品站点、文档和博客的动画 SVG 图形技能：包含等距与细线风格插画、随指针响应的交互图形，以及可绘制并逐帧验证 SVG 图形的流程与规范。
optimistic-ui-patterns
介绍乐观 UI 更新模式，涵盖变更生命周期、回滚策略、临时 ID 与对账模式，适用于实现即时反馈的交互场景。
react-native-skills
React Native 与 Expo 开发最佳实践技能集，覆盖列表性能、动画、导航、UI 模式、状态管理、渲染、Monorepo 与配置等规则，适合构建高性能移动应用时参考。
navvi-browse
Navvi Browse 是一个自主浏览器智能体技能，通过 Navvi MCP 工具控制真实浏览器完成导航、交互与信息抓取，并返回简洁摘要。适用于浏览网站、操作网页、抓取数据等任务，支持截图、凭据管理与流程复用。
opendesign-codegen
OpenDesign 代码直出指南是一个面向设计师的 AI 技能，用于让 AI 工具在生成页面或组件时，直接产出符合工程规范的 Vue 3 + OpenDesign 代码。它要求一步到位输出真实的 @opensig/opendesign 组件、--o- 设计 token、scoped SCSS 与 BEM 命名，而非先生成 HTML 再转换。技能强调组件优先、仅使用语义 token、TypeScript 的 <script setup lang="ts">、避免内联样式与 !important、不穿透修改组件内部、文案走 i18n 等硬规则红线。它提供起手模板、组件速查、工程约束与自检清单等参考文件，并说明主题由消费工程初始化时选定，代码无需关心主题切换。适用于目标仓库确实采用 OpenDesign 的场景，例如 openEuler、Mindspore、Ascend、openGauss、Kunpeng、openUBMC 等社区官网；若仓库使用其他 UI 库则不适用。
page-generator
在 apps/web/src/pages 目录下按标准化解剖学规范快速生成前端页面脚手架的 Skill。开始时主动询问用户选择无监督或有监督生成模式，并支持自动判断是否需要 Store 及 UI 复杂度，生成 Wrapper、Content 与可选 Store 模块。
composable-svelte-components
Composable Svelte 的 UI 组件库参考技能，基于 shadcn-svelte，涵盖 73+ 组件的选择、样式与集成模式。适用于实现设计、挑选组件、布局样式以及配置导航、表单、数据展示、反馈和布局类组件与 Composable 架构的状态管理集成。
sveltekit-spa
介绍如何在纯客户端渲染模式下用 SvelteKit 构建单页应用（SPA）的参考指南，基于 adapter-static 并配合独立后端 API 使用。
cmdk-static-fulltext-search
一种基于 cmdk 与 Next.js 静态 API 路由的高性能、免数据库、边缘缓存全文搜索方案，可在文件系统内容（MDX/Markdown）上实现全局 Cmd+K 即时搜索，避免第三方搜索服务和按次执行的费用。