前端设计
vcanary
io.github.Dokploy/dokploy/frontend-design
创建有辨识度、可上线、设计质量高的前端界面。当用户要求构建 Web 组件、页面或应用时使用。生成有创意、精致的代码,避免千篇一律的 AI 审美。
“Core Web Vitals” 共 485 个结果
vcanary
io.github.Dokploy/dokploy/frontend-design
创建有辨识度、可上线、设计质量高的前端界面。当用户要求构建 Web 组件、页面或应用时使用。生成有创意、精致的代码,避免千篇一律的 AI 审美。
io.github.proffesor-for-testing/agentic-qe/mobile-testing
面向 iOS 与 Android 平台的全面移动测试,涵盖手势、传感器、权限、设备碎片化与性能。在测试原生应用、混合应用或移动 Web、确保跨 1000+ 设备变体的质量时使用。
io.github.proffesor-for-testing/agentic-qe/mobile-testing
面向 iOS 与 Android 平台的全面移动测试,涵盖手势、传感器、权限、设备碎片化与性能。在测试原生应用、混合应用或移动 Web、确保跨 1000+ 设备变体的质量时使用。
io.github.iamasters-academy/iamasters-os/automation-n8n-to-claude
把 n8n/Make 的工作流迁移到 Claude Code 生态。分析 JSON、映射节点、给出实现建议(技能、cron、Web 应用、看板)并发现改进点。当用户粘贴 n8n 的 JSON 或提到迁移自动化时使用。
vX
io.github.x-cmd/x-cmd/agent-browser
通过 Chrome/Chromium CDP 做浏览器自动化——打开、快照、点击、截图。用于测试 Web 应用、移动端布局与自动化交互,无需 Playwright/Puppeteer。
io.github.affaan-m/ECC/skill-scout
在创建新 skill 之前,先搜索本地、市场、GitHub 和网页上已有的 skill。当用户想为某个流程创建、构建、fork 或寻找 skill 时使用。
io.github.affaan-m/ECC/frontend-design-direction
为生产级 UI 工作确定一套 ECC 专属的前端设计方向。当构建或改进网站、仪表盘、应用、组件、落地页、可视化工具,或任何需要更强产品化设计判断的 Web UI 时使用。
io.github.coollabsio/coolify/tailwindcss-development
用户消息以任何形式包含 'tailwind' 时始终调用。还适用于:构建响应式栅格布局(多列卡片栅格、商品栅格)、flex/grid 页面结构(带侧边栏的仪表盘、固定顶栏、移动端可折叠导航)、UI 组件样式(卡片、表格、导航栏、价格区、表单、输入框、徽章)、添加暗色模式变体、修复间距或排版,以及 Tailwind v3/v4 工作。核心场景:在 HTML 模板(Blade、JSX、Vue)中编写或修正 Tailwind 工具类。跳过:后端 PHP 逻辑、数据库查询、API 路由、无 HTML/CSS 部分的 JavaScript、CSS 文件审计、构建工具配置和原生 CSS。
io.github.zarazhangrui/frontend-slides/frontend-slides
从零创建或转换 PowerPoint 文件,产出美观、动效丰富的 HTML 演示。当用户想做一份演示、把 PPT/PPTX 转成网页,或为演讲与路演制作幻灯片时使用;通过视觉探索而非抽象选项,帮助非设计背景的人找到自己的审美风格。
io.github.cloudflare/vibesdk/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任意 Web UI 做样式美化)时使用此技能。生成富有创意、打磨精细的代码与 UI 设计,避免千篇一律的 AI 审美。
io.github.code-yeongyu/oh-my-openagent/dev-browser
带持久页面状态的浏览器自动化。当用户要求浏览网站、填写表单、截图、提取网页数据、测试 Web 应用或自动化浏览器工作流时使用。触发短语包括 “go to [url]”“click on”“fill out the form”“take a screenshot”“scrape”“automate”“test the website”“log into”,或任何浏览器交互请求。
io.github.code-yeongyu/oh-my-openagent/agent-browser
自动化浏览器交互,用于 Web 测试、表单填写、截图与数据提取。当用户需要浏览网站、与页面交互、填表单、截图、测试 Web 应用或从页面提取信息时使用。
io.github.manaflow-ai/cmux/cmux-backend
cmux 的后端 TypeScript 与 Cloud VM 开发规则。用于编辑 web/app/api、web/services、后端脚本、Cloud VM 生命周期、provider 集成、Postgres、Stack Auth 计费门控、迁移,或 provider 镜像构建脚本。
io.github.FerroxLabs/wayland/css-architecture
指导实现专家级的 CSS 架构:html-css 与 web-development 决策框架、生产可用的模式以及 css 架构工作流的具体模板。当用户询问 css 架构、css architecture 配置,或 CSS 项目的 html-css 最佳实践时使用。当用户需要其他 Web 开发能力时请勿使用——可查看 web development 子类目下的同级技能。
io.github.FerroxLabs/wayland/nextjs-performance
指导实现专家级的 Next.js 性能优化:TypeScript 与框架决策框架、生产可用的模式以及 nextjs 性能工作流的具体模板。当用户询问 next.js 性能、nextjs performance 配置,或 Next.js 项目的 TypeScript 最佳实践时使用。当用户需要其他 Web 开发能力时请勿使用——可查看 web development 子类目下的同级技能。
io.github.FerroxLabs/wayland/nextjs-deployment-patterns
指导实现专家级的 Next.js 部署模式:TypeScript 与框架决策框架、生产可用的模式以及 nextjs 部署模式工作流的具体模板。当用户询问 next.js 部署模式、nextjs deployment patterns 配置,或 Next.js 项目的 TypeScript 最佳实践时使用。当用户需要其他 Web 开发能力时请勿使用——可查看 web development 子类目下的同级技能。
io.github.FerroxLabs/wayland/nextjs-data-patterns
指导实现专家级的 Next.js 数据模式:TypeScript 与框架决策框架、生产可用的模式以及 nextjs 数据模式工作流的具体模板。当用户询问 next.js 数据模式、nextjs data patterns 配置,或 Next.js 项目的 TypeScript 最佳实践时使用。当用户需要其他 Web 开发能力时请勿使用——可查看 web development 子类目下的同级技能。
io.github.FerroxLabs/wayland/nextjs-app-router-patterns
指导实现专家级的 Next.js App Router 模式:TypeScript 与框架决策框架、生产可用的模式以及 App Router 工作流的具体模板。当用户询问 next.js app router 模式、nextjs app router 模式配置,或 Next.js 项目的 TypeScript 最佳实践时使用。当用户需要其他 Web 开发能力时请勿使用——可查看 web development 子类目下的同级技能。
io.github.mavlink/qgroundcontrol/qt-ui-design
为 Qt/QML、Qt 项目、Web 或嵌入式 MPU/MCU 目标设计或审查 UI。在创建界面、布局、导航或做 UX 审查时使用。
io.github.affaan-m/ECC/deployment-patterns
Web 应用的部署工作流、CI/CD 流水线模式、Docker 容器化、健康检查、回滚策略与生产就绪清单。
io.github.affaan-m/ECC/deep-research
使用 firecrawl 与 exa MCP 进行多源深度研究。检索网页、综合发现,并交付带有来源归属的引用报告。在用户需要对任意主题做有证据、有引用的彻底研究时使用。
io.github.daymade/claude-code-skills/pdf-to-html
将 PDF 转换为单个自包含、可读性好的 HTML 文件,保留图片、表格、图表和阅读顺序——还可选择翻译为另一种语言同时保留全部图形。使用结构化抽取(PyMuPDF)、基于字号的版式推断、压缩的 base64 内联图片(单一可携带文件),以及强制的无头 Chrome 视觉校验。当有人想把 PDF 作为网页或干净文档来阅读、把 PDF 转成 HTML,或在保留图/表/图表的前提下翻译 PDF 时使用——例如“PDF 转 HTML”“把这个 PDF 转成中文网页版”“让这份报告变得可读”“翻译这份 PDF 但别丢图表”“我只想在手机上读这份 PDF”。与 doc-to-markdown(纯 Markdown 文本)和 pdf-creator(Markdown→PDF)不同——本技能产出带样式、忠实还原图片的 HTML 阅读体验。
io.github.pierrecomputer/pierre/browser-automation
在本仓库中打开、检查、点击、填写、快照或以其他方式自动化网页页面时使用,涵盖本地开发服务器与基于浏览器的验证。
io.github.mukul975/Anthropic-Cybersecurity-Skills/exploiting-sql-injection-vulnerabilities
在获授权的渗透测试中,用手工技术与 sqlmap 等自动化工具识别并利用 Web 应用的 SQL 注入漏洞。测试者通过报错注入、UNION 注入、布尔盲注与时间盲注,在主流数据库引擎(MySQL、PostgreSQL、MSSQL、Oracle)上检测注入点,演示数据提取、认证绕过与潜在的远程代码执行。对涉及 SQL 注入测试、SQLi 利用、数据库安全评估或注入漏洞验证的请求自动激活。