MCP 도구 레시피

Create a polished button with gradient background, shadow, border radius, and hover animation using MCP tools.

Design a stunning hero section with gradient background, flexbox centering, and entrance animation.

Build a modern card component with shadow, border radius, hover transform, and smooth transitions.

Create a frosted glass effect using backdrop-filter, gradient overlay, and border styling.

Build a responsive CSS Grid layout with gap, auto-fit columns, and proper alignment.

Create a smooth CSS loading spinner with custom animation, easing, and gradient colors.

Create eye-catching gradient text with background-clip and animation.

Design a modal dialog with backdrop blur, centered layout, entrance animation, and shadow.

Style form inputs with focus effects, border transitions, shadow on focus, and custom border radius.

Build a responsive sidebar layout with CSS Grid, smooth width transition, and proper spacing.

Design a full card component: shadow, gradient header, border-radius, glassmorphism overlay, and hover animation.

Convert a light theme to dark mode with adjusted gradients, shadows, and filter effects.

Build a responsive nav bar with flexbox layout, smooth transitions, shadow, and mobile hamburger animation.

Create a neumorphic (soft UI) design with dual shadows, subtle gradients, and pressed states.

Create scroll-triggered animations with fade, slide, and parallax effects using CSS transforms and easing.

Convert custom CSS to Tailwind utility classes with gradient, shadow, and animation equivalents.

Create a complete typography system with text shadows, gradient headings, and responsive sizing.

Build a theme system using CSS custom properties with gradient, shadow, and animation tokens.

Generate a strong password, verify its strength, and hash it for storage — a complete password security pipeline.

Audit your website's security headers, generate a CSP policy, evaluate it, and configure CORS.

Set up JWT-based authentication: generate tokens, create signing keys, and implement TOTP for 2FA.

Harden your API with HMAC request signing, secure secrets, and SRI for client-side integrity.

Decode and verify SSL certificates, check expiration, and generate secure RSA keys for renewal.

Encrypt sensitive data with AES, manage encryption keys securely, and verify with HMAC.

Set up OAuth 2.0 authentication with authorization URL generation, token handling, and state parameter security.

Generate SSH keys, create a passphrase, and understand key fingerprints for secure server access.

Verify incoming webhook signatures using HMAC to ensure requests are authentic and untampered.

Implement TOTP-based 2FA with secret generation, QR code URI, and backup codes.

Full encryption lifecycle: generate key, encrypt data with AES, hash for integrity, and verify the pipeline.

Generate a secure passphrase, hash it to derive a key, and use the key for HMAC signing.

Complete security headers audit: check all headers, generate missing ones, and evaluate the overall security posture.

Complete encryption pipeline: generate keys, encrypt data, create integrity hash, and sign with HMAC.

Audit password policy compliance: generate test passwords at different strengths and verify against policy requirements.

Generate, categorize, and secure application secrets: API keys, JWT secrets, encryption keys, and DB passwords.

Audit TOTP 2FA implementation: verify secret generation, code validation, and backup code handling.

Pre-deployment security checklist: CSP, CORS, authentication tokens, password hashing, and security headers.

Secure SSH deployment: generate key pairs, create passphrases, and set up key fingerprint verification.

Implement complete webhook security: generate shared secret, sign payloads, and verify signatures.

Debug API responses by formatting JSON, decoding Base64 payloads, and parsing URL parameters.

Transform data through JSON formatting, Base64 encoding, hashing, and UUID generation for ETL workflows.

Build and test regular expressions for common patterns like emails, URLs, and phone numbers.

Compare code versions with diff, format JSON configs, and validate changes for thorough code reviews.

Design and validate cron schedules for different environments with timezone awareness.

Decode JWTs, check timestamps, and verify Base64 payloads for authentication debugging.

Generate and verify file hashes for integrity checking, checksum validation, and secure downloads.

Generate UUIDs for different use cases: database records, API idempotency keys, and correlation IDs.

Analyze investments with compound interest projection, ROI calculation, and break-even analysis.

Compare loan options by calculating monthly payments, total interest, and savings potential.

Plan retirement with compound growth projections, savings rate analysis, and break-even age estimation.

Analyze startup finances with margin calculation, break-even analysis, and ROI projection for investors.

Create a personal budget with expense splitting, savings goals, and tip calculations for daily spending.

Split group expenses fairly with tip calculation and per-person breakdown.

Analyze business profitability with margin calculation, break-even point, and ROI on improvements.

Side-by-side comparison of 3 loan options with different rates and terms to find the best deal.

Calculate investment ROI with compound growth, compare against simple returns, and project future value.

Complete financial section for a business plan: break-even, margins, ROI projection, and growth modeling.

Analyze a rental property: mortgage payment, rental margin, ROI, and break-even timeline.

Plan debt payoff with loan calculations, interest comparison, and savings from accelerated payments.

Calculate how much you need in an emergency fund, plan the savings timeline, and project growth.

Evaluate a side hustle: calculate margins, break-even point, and project income growth over time.

Plan for college costs with compound growth projections and required monthly savings calculations.

Understand how inflation erodes purchasing power and what investment returns you need to stay ahead.

Plan income across tax brackets, calculate effective vs marginal rates, and optimize savings allocation.

Complete pre-launch checklist: SEO meta tags, Open Graph, sitemap, robots.txt, and security headers.

Comprehensive security setup: password hashing, JWT auth, CSP, CORS, security headers, and 2FA.

Essential freelancer tools: project margin calculator, invoice tip estimator, and expense split for teams.

Optimize blog posts with meta tags, Open Graph, SERP preview, and structured data for maximum visibility.

Launch an online store with product margin analysis, SEO setup, security configuration, and pricing strategy.

Build a developer portfolio with styled components, SEO optimization, and security best practices.

Design a high-converting landing page with gradient hero, flexbox layout, animations, and SEO meta tags.

Secure web content delivery with CSP, SRI for CDN resources, CORS configuration, and security audit.

Generate a JWT token with custom claims, decode it to verify structure, and check expiration timestamps.

Generate a password, check its strength score, hash it with bcrypt, and verify the hash output.

Generate a Content Security Policy, evaluate it for weaknesses, then check related security headers.

Generate new API keys, create HMAC signatures for validation, and hash old keys for audit logging.

Encode sensitive data with Base64, generate integrity hash, and create HMAC for authenticated transport.

Decode SSL certificate, generate new RSA keys, and create SSH keys for a complete cryptographic audit.

Generate CORS headers, create matching CSP, and evaluate the combined security policy for consistency.

Generate OAuth tokens, decode the ID token JWT, and verify timestamps for OAuth flow debugging.

Convert Unix timestamps to human-readable dates and compare across multiple timezones for global teams.

Parse JSON data, extract numeric values, and compute statistical measures like mean, median, and standard deviation.

Chain multiple unit conversions for international specifications: length, weight, and temperature.

Calculate age from birthdate, find days until next birthday, and compute date differences for milestones.

Analyze data with ratios, percentages, and fractions for business metrics and comparisons.

Use scientific calculator with hash and UUID tools for algorithm analysis and system design.

Combine matrix operations with statistical analysis for data science and engineering calculations.

Convert amounts across multiple currencies and calculate percentage differences for international pricing.

Complete SEO audit: meta tags, Open Graph, robots.txt, sitemap, and SERP preview in one workflow.

Pre-publish SEO checklist for blog posts: meta tags, social sharing, SERP preview, and structured data.

Audit SEO consistency across homepage, product page, and blog — ensuring unified meta strategy.

Optimize content for both search engines and social media with meta, OG, and Twitter Card setup.

Set up local SEO with location-targeted meta tags, robots.txt configuration, and sitemap for local pages.

Pre-migration checklist for domain or platform changes: preserve SEO value with proper redirects and meta.

Optimize e-commerce product pages with product-specific meta, rich snippets, and social sharing.

Analyze competitor SEO strategies by examining their meta, OG, robots, and sitemap patterns.

New developer setup: generate SSH key, create JWT for API access, set up TOTP 2FA, and generate a secure password.

Complete SaaS launch: pricing analysis, SEO setup, security hardening, and landing page design.

Design and secure a REST API: generate UUIDs for resources, set up JWT auth, configure CORS, and hash secrets.

Implement data privacy: encrypt PII, hash identifiers, generate secure tokens, and configure privacy-respecting headers.

Scaffold a full-stack app: generate UUIDs, set up auth, design CSS theme, configure SEO, and harden security.

Audit performance budget: calculate statistics from metrics, generate optimized CSS, and verify security overhead.

Secure a microservice: generate service-to-service JWT, set up mTLS certificates, configure API gateway headers.

Secure your CI/CD pipeline: generate deploy keys, sign artifacts, create integrity hashes, and set up webhook verification.

Configure an app for international users: currency conversion, timezone handling, multi-language SEO, and locale-aware security.