bidewio/better-openclaw

hermes-agent

Interact with Hermes Agent's OpenAI-compatible API for multi-model conversations, skill management, and scheduled tasks

原文の言語: 英語

better-openclaw

Generate and manage Docker Compose stacks via the better-openclaw API

原文の言語: 英語

headscale-network

Deploy and manage a self-hosted Tailscale control server (Headscale) for zero-trust private networking and secure access to your stack.

原文の言語: 英語

browser-learn

A specialized skill workflow instructing you to use Serper (for discovery) and any configured Browser Automation provider (Hyperbrowser, Browseruse, Lightpanda, or Browserless) to scrape official documentation and teach yourself new technical skills.

原文の言語: 英語

hexstrike-ai-mcp-integration

Instructions for utilizing the HexStrike AI MCP Server for automated pentesting and security research.

原文の言語: 英語

pentagi-orchestrator-interface

Instructions for managing the PentAGI autonomous AI agent system for complex penetration testing tasks.

原文の言語: 英語

pentestagent-framework-execution

Instructions for dropping into the PentestAgent TUI/CLI interface for black-box target assessment.

原文の言語: 英語

scrapling-scrape

Use the Scrapling Docker Service and MCP Server to perform extremely fast, anti-bot adaptive web scraping. Scrapling can bypass Cloudflare Turnstile and dynamically track elements across website redesigns.

原文の言語: 英語

solidityguard-deep-audit-integration

Instructions for utilizing SolidityGuard to perform 7-phase structural auditing of EVM smart contracts.

原文の言語: 英語

tinyfish-cookbook

Use the Tinyfish API to navigate, extract, and automate any website directly using natural language goals without manual selectors. Perfect for web scraping, competitive analysis, and automated QA.

原文の言語: 英語

youtube-growth

Act as an expert YouTube Strategy Consultant. Apply the Creator Unlock N.I.C.E.R. Framework for conducting channel audits, niche validation, and data-backed video ideation/thumbnail generation.

原文の言語: 英語

animation-on-scroll

Create on-scroll animation triggers using IntersectionObserver with Tailwind-friendly animation classes and keyframes. Use for scroll-reveal, animate-on-scroll, or sequencing element animations when entering the viewport.

原文の言語: 英語

animejs-animate

Comprehensive guide to using Anime.js v4 for JavaScript-driven web animations — timelines, SVG animations, scroll effects, draggable interactions, and stagger patterns.

原文の言語: 英語

aura-asset-images

Source Unsplash-style images via Aura's asset library plus curated picks for avatars, portraits, backgrounds, and wallpapers with correct sizes, aspect ratios, and crops for design and marketing use.

原文の言語: 英語

canvas-design

Create original visual design philosophies and express them as meticulously crafted, museum-quality PNG or PDF art with minimal text — generative art, data visualization, and abstract compositions.

原文の言語: 英語

cobejs-globe

Implement a lightweight interactive WebGL globe with cobe.js — responsive canvas setup, markers, rotation, onRender callbacks, and React/Next.js integration patterns.

原文の言語: 英語

copywriting

Write high-converting marketing copy for web pages — headlines, CTAs, benefit-focused copy, page structures, tone guidelines, and A/B testing strategies.

原文の言語: 英語

css-alpha-masking

Apply CSS alpha masking with linear-gradient for horizontal or vertical edge fades using mask-image and -webkit-mask-image. Use for fade edges, alpha masks, or CSS mask gradients.

原文の言語: 英語

css-border-gradient

Create CSS gradient borders using the pseudo-element mask technique (mask-composite), including Tailwind-friendly usage and customization of angle, colors, thickness, and radius.

原文の言語: 英語

frontend-distinctive-design

Create distinctive, production-grade frontend interfaces with bold, cohesive aesthetics and refined implementation — visual identity, typography systems, color palettes, and layout composition.

原文の言語: 英語

globe-gl-visualize

Implement Globe.GL for 3D globe data visualization with WebGL/Three.js — setup, data layers (points, arcs, polygons, labels), and integration patterns in plain HTML or React.

原文の言語: 英語

gsap-animate

Add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms) in HTML/CSS/JS/React. Includes patterns for smooth motion, performance, and common pitfalls.

原文の言語: 英語

interaction-design

Design and implement purposeful UI motion, microinteractions, and feedback patterns to enhance usability and user delight — hover effects, transitions, loading states, and gesture responses.

原文の言語: 英語

landing-page-design

Design high-conversion landing pages with structure, section order, layout types (classic hero, long-form, minimal, comparison), conversion strategies, SEO/AEO guidance, and copywriting templates.

原文の言語: 英語

matterjs-physics

Implement 2D physics interactions with Matter.js — Engine/World setup, Render/Runner configuration, adding bodies and constraints, mouse interaction, and SPA cleanup patterns.

原文の言語: 英語

pricing-page-design

Design high-conversion SaaS pricing pages with plan structures, comparison patterns, conversion strategies, copy templates, SEO/AEO checklists, and layout types (3-card, slider, persona split, enterprise).

原文の言語: 英語

progressive-blur

Create layered progressive blur overlays using stacked backdrop-filter with CSS masks — top or bottom blur, adjustable height, steps, and performance-friendly patterns.

原文の言語: 英語

responsive-design

Master modern responsive design techniques — container queries, fluid typography with clamp(), CSS Grid, Flexbox patterns, and mobile-first strategies for adaptive interfaces.

原文の言語: 英語

tailwind-design-system-v4

Build scalable, responsive, and accessible design systems with Tailwind CSS v4 — design tokens, theme configuration, reusable React UI components, and migration from v3.

原文の言語: 英語

tailwindcss-style

Ship beautiful sites fast with Tailwind CSS — responsive/state variants, safe dynamic class patterns, component extraction, and conventions for maintainable utility-first styling.

原文の言語: 英語

threejs-animation

Create, control, and optimize animations in Three.js — keyframes, skeletal rigs, morph targets, blending, procedural motion, and performance patterns for web 3D.

原文の言語: 英語

threejs-scene

Build or debug interactive 3D scenes on the web with Three.js — scene/camera/renderer, lights/materials, GLTF loading, controls, performance. For designers shipping 3D UI moments.

原文の言語: 英語

ui-design-system

Create and maintain scalable UI design systems with design tokens, responsive rules, accessibility standards, component libraries, and developer handoff documentation.

原文の言語: 英語

ui-prompting

Design-first UI prompting system by Meng To: turn fuzzy ideas into tight specs that produce consistent UI. Covers prompt structure, constraints, variations, typography/spacing rules, and iteration workflow.

原文の言語: 英語

unicorn-studio-embed

Embed Unicorn Studio interactive WebGL designs into websites — embed patterns, attributes, performance knobs (scale/dpi/fps/lazyload), and common site-builder pitfalls.

原文の言語: 英語

vantajs-background

Add animated WebGL background effects with Vanta.js — setup, parameters, resizing, performance considerations, and integration patterns in React/Next.js.

原文の言語: 英語

web-design-reviewer

Inspect web interfaces for layout, responsive, accessibility, and visual issues, then apply targeted source code fixes and re-verify results.

原文の言語: 英語

web-interface-guidelines

Checklist for reviewing UI code for compliance with comprehensive web interface, accessibility, performance, and content guidelines — based on Vercel's Web Interface Guidelines.

原文の言語: 英語

activepieces-flow

No-code workflow automation with Activepieces

原文の言語: 英語

ansible-configure

Configuration management and automation with Ansible

原文の言語: 英語