Web & Frontend

build-with-dhiraj Bundle

Use when working with color naming, color theory, color spaces, color definitions, or any task involving color knowledge - palettes, ramps, gradients, conversions, accessibility, perceptual matching, pigment mixing, print-vs-screen color, CSS color syntax, or historical color terminology. Use this skill whenever the user is choosing, comparing, generating, naming, converting, or explaining colors, even if they do not explicitly ask for "color theory."

build-with-dhiraj Bundle

React Three Fiber and Poimandres ecosystem best practices. Triggers on @react-three/fiber, drei, rapier, postprocessing, leva.

build-with-dhiraj Skill

This skill should be used when the user asks to "optimize an agent with GEPA", "use reflective optimization", "optimize ReAct agents", "provide feedback metrics", mentions "GEPA optimizer", "LLM reflection", "execution trajectories", "agentic systems optimization", or needs to optimize complex multi-step agents using textual feedback on execution traces.

h-mmer Bundle

Hunting skill for Cross-Site Scripting (XSS) — DOM-based, stored, reflected, mutation-based (mXSS), and modern variants. Built from public bug bounty reports across HackerOne, Intigriti, Bugcrowd, Huntr, and GitHub Security Advisories, plus 2024-2026 meta verified against NVD — DOMPurify nesting mXSS (CVE-2024-47875, GHSA-gx9m-whjm-85jf), DOMPurify depth-bypass family (CVE-2024-45801, GHSA-mmhx-hmjr-r674), DOMPurify mXSS via Re-Contextualization (GHSA-h8r8-wccr-v5f2), Auth0 nextjs-auth0 returnTo (CVE-2025-67716, GHSA-mr6f-h57v-rpj5), React Server Components DoS family (CVE-2025-67779/55184, GHSA-5j59-xgg2-r9c4), markdown-to-jsx iframe XSS (CVE-2024-21535), listmonk stored XSS → Admin ATO (GHSA-jmr4-p576-v565, CVSS 8.0). Use when hunting DOM XSS, stored XSS, reflected XSS, postMessage XSS, mXSS, sanitizer bypass (DOMPurify / sanitize-html / bleach), OAuth redirect_uri XSS, prototype pollution → XSS gadgets, markdown renderer XSS, Server Components content injection, agentic LLM output injection.

xspoonai Bundle

Production-ready Neo N3 dApp starter template with Next.js 15, wallet integration (NeoLine/OneGate), NEP-17 token operations, multi-chain support, and edge deployment. Use when building Neo dApps, creating Neo frontends, integrating Neo wallets, or scaffolding Neo N3 projects.

spike-faye-lei Bundle

Render an ARIS Markdown / JSON artifact (IDEA_REPORT, AUTO_REVIEW, KILL_ARGUMENT, PAPER_PLAN, research-wiki state, etc.) into a single-file HTML view designed for human reading. Use when the user says "渲染 HTML", "出一份 HTML 报告", "render html", "make this readable", "export to html", or wants a polished web-rendered view of a Markdown artifact.

spike-faye-lei Skill

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

h-mmer Skill

Bug bounty PoC and report builder. Use after confirming a vulnerability to create minimal reproduction steps, self-contained HTML demonstration pages, curl-based reproduction scripts, and platform-ready report drafts for HackerOne/Bugcrowd/Intigriti.

is-bo Skill

Use automatically for frontend implementation and review, including components, pages, layouts, responsive behavior, React, Next.js, browser state, rendering, hydration, network behavior, and measured frontend performance.

is-bo Skill

Use automatically for human-facing interface work and audit WCAG 2.2 AA with automated evidence plus keyboard and assistive-technology reasoning.

is-bo Bundle

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

qa-aman Skill

Critique a design for usability, hierarchy, and accessibility. Use when the user says "critique this design", "review this screen", "what's wrong with this UI", "design feedback", "UX review", "how can I improve this", "review my mockup", "is this good UX", or shares a design and wants structured feedback - even if they don't explicitly say "design critique".

garphengate Skill

Check a UI against the eight accessibility issues most products ship with, in fifteen minutes. Use on any page before it goes public, or as a first look at an inherited frontend.

the-nam-shub Skill

Guides Claude to help marketers build accessible, ADA-compliant landing pages and web content by applying WCAG standards for contrast, layout, and readability

zhouyinlong-lab Skill

文章→逻辑图生成器。将论述性文本拆解为递进·流程·循环·层次·对比·矩阵六种逻辑关系， 生成深色/浅色双主题 SVG 图（自包含 HTML）。支持多段落一次拆解多张图。 与 architecture-diagram（系统架构图）和 fireworks-tech-graph（多风格技术图） 形成互补——本技能专注"论述逻辑"可视化。 Trigger keywords: 逻辑图, 文章→图, 文本可视化, 逻辑拆解, 递进图, 层次图, 对比图, 矩阵图, 论述可视化, 文字转图, logic diagram, text to diagram, 帮我画个逻辑图, 把这段话画成图, 文章结构图, 概念关系图.

zhouyinlong-lab Skill

公众号配图工作流——生成封面图（2.35:1）、正文插图（16:9/4:3）、信息图。 两条路径：AI生成（Gemini视觉创意型）和HTML渲染（文字精确型）。 先提案后生成，3种推荐风格按文章类型匹配。Trigger keywords: 公众号配图, 公众号封面, 文章配图, 正文插图, 公众号图片, wechat image.

zhouyinlong-lab Bundle

架构图生成器——多轮结构化提问理解系统架构，生成精美深色主题自包含 HTML+SVG 架构图。 支持系统架构图、云基础设施图、微服务拓扑图、安全架构图、网络拓扑图等。 Trigger keywords: 架构图, architecture diagram, 系统架构, 画架构图, 云架构, 微服务架构, 网络拓扑, 安全架构, 基础设施图, system architecture, cloud architecture, AWS架构, infra diagram, 部署架构, 技术架构图, generate architecture diagram.

brucesongs Bundle

Virtual Private Networks (VPNs) are a critical component of enterprise network security, providing encrypted tunnels for remote access and site-to-site connectivity.

photonics-dhl Skill

文档处理技能集。用于处理 Word (docx)、PDF、PowerPoint (pptx)、Excel (xlsx) 等办公文档。 当用户需要创建、编辑、分析文档时触发。

photonics-dhl Skill

前端界面设计技能。创建独特、有辨识度的生产级前端界面。 当用户要求设计网页、创建 UI 组件、进行前端开发时触发。 强调大胆的美学方向、独特的排版选择、精细的视觉细节和动效。

chainlesschain Bundle

skill

chainlesschain Bundle

Split an approved plan into subtasks for coordinated parallel execution across multiple agent roles. Third step of the canonical coding workflow.

chainlesschain Bundle

Drive an approved plan to completion as a single persistent owner. Third step of the canonical coding workflow.

chainlesschain Bundle

主动式Bug检测器 - 扫描代码变更和diff，在问题到达生产前发现潜在Bug、竞态条件、空指针问题

chainlesschain Bundle

Notion API integration - create pages, query databases, manage blocks, and sync content with Notion workspace

chainlesschain Bundle

Turn a clarified intent into an approved implementation plan with tradeoffs. Second step of the canonical coding workflow.

chainlesschain Bundle

Weather queries - get current weather, forecasts, and weather alerts for any location worldwide

chainlesschain Bundle

Stage 5 of the canonical coding workflow — write summary.md and transition to COMPLETE. Gated by verify.json (Gate V1/V3).

chainlesschain Bundle

Obsidian vault operations - create notes, search vault, manage tags, link notes, and sync with Obsidian markdown files

chainlesschain Bundle

代码重构技能 - 多文件重构、代码异味检测、设计模式应用

chainlesschain Bundle

代码库结构映射 - AST级符号索引、全局代码感知、依赖可视化

chainlesschain Bundle

Generate pull request descriptions, changelogs, and PR templates from git changes

chainlesschain Bundle

Remove AI writing traces - rewrite text to sound more natural and human, adjust tone, add personality, and reduce repetitive AI patterns

chainlesschain Bundle

Generate and compare multiple implementation variants with benchmarking and scoring

chainlesschain Bundle

Design RESTful APIs with best practices, conventions, and OpenAPI specs

chainlesschain Bundle

API测试技能 - IPC处理器发现、测试生成、健康检查、回归测试