frontend▌

Generate Shopify Liquid theme code with correct schema, translations, and component patterns. \n \n Covers sections, blocks, and snippets with proper {% schema %} JSON, LiquidDoc headers, and translation key usage via the t filter \n Includes 77+ language filters, 45+ HTML/media filters, 30+ commerce filters, and 30 tags with syntax and parameters \n Provides CSS/JavaScript patterns using {% stylesheet %} , {% javascript %} , and {% style %} tags for dynamic styling \n Details all 33 setting typ

Native Python Playwright scripts for testing local web applications with server lifecycle management. \n \n Includes with_server.py helper to automatically start and manage single or multiple servers before running automation scripts \n Supports reconnaissance-then-action workflow: screenshot/inspect rendered DOM, identify selectors, then execute actions with discovered selectors \n Emphasizes waiting for networkidle on dynamic apps before DOM inspection to avoid timing issues \n Provides exampl

Build robust, scalable design systems that ensure visual consistency and exceptional user experiences.

Toolkit for creating animated GIFs optimized for Slack with validation and animation utilities. \n \n Provides GIFBuilder for frame assembly, validators to check Slack compliance, and easing functions for smooth motion (bounce, elastic, ease-in-out, etc.) \n Supports emoji GIFs (128x128, under 3 seconds) and message GIFs (480x480) with configurable FPS, color palette, and optimization flags \n Includes animation concepts (shake, pulse, bounce, spin, fade, slide, zoom, particle burst) with code e

Interface design for dashboards, admin panels, and tools that avoids generic defaults through intentional domain exploration and systemic craft. \n \n Start with intent exploration: identify the specific human user, their core task, and the emotional quality the interface should convey before touching code \n Conduct domain exploration to uncover product-specific concepts, color worlds, and signature elements that distinguish the design from templates \n Apply subtle layering through whisper-qui

Generative art creation using p5.js with seeded randomness and parametric exploration. \n \n Creates algorithmic philosophies (computational aesthetic movements) expressed through interactive p5.js sketches with full parameter control \n Supports seeded randomness for reproducible art variations, seed navigation (previous/next/random/jump), and real-time parameter adjustment via sliders and color pickers \n Outputs self-contained HTML artifacts with embedded p5.js code, sidebar controls, and dow

Create, read, edit, and manipulate Word documents (.docx files) with full formatting control. \n \n Create new .docx files from scratch using JavaScript with support for headings, tables, images, hyperlinks, footnotes, headers/footers, and table of contents \n Edit existing documents by unpacking XML, making targeted changes (including tracked changes and comments), and repacking with validation \n Extract text and analyze content using pandoc or raw XML access; convert legacy .doc files to .doc

Deploy applications and websites to Vercel with automatic git integration and preview URLs. \n \n Supports three deployment paths: git-push (ideal for linked projects), direct CLI deployment, and no-auth fallback for sandboxed environments \n Automatically detects project state (linked via .vercel/project.json or .vercel/repo.json , git remote presence, CLI authentication) and chooses the best deployment method \n Handles team selection for multi-team accounts and uses --scope to deploy to the c

Comprehensive guide for building high-quality MCP servers that connect LLMs to external services. \n \n Four-phase workflow covering research, implementation, testing, and evaluation with language-specific guidance for TypeScript (recommended) and Python \n Emphasizes API coverage over workflow tools, clear tool naming with consistent prefixes, and actionable error messages for agent guidance \n Includes best practices for input/output schemas, pagination, response formatting, and tool annotatio

Create clear, user-focused documentation with step-by-step guides, screenshots, and FAQ sections. \n \n Generates four documentation types: quick-start guides, task-focused how-to articles, FAQ pages, and learning-focused tutorials \n Emphasizes visual clarity with embedded screenshots, GIFs, and structured numbered instructions designed for non-technical users \n Includes troubleshooting sections, related links, and multiple support contact methods to reduce user friction \n Follows plain-langu