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

원문 언어: 영어