design▌

$23

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

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.

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

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

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

Custom design system rules for consistent Figma-to-code implementation across your project. \n \n Generates project-specific conventions for component organization, styling, design tokens, and asset handling that guide AI agents to produce consistent code \n Supports three rule file formats: CLAUDE.md for Claude Code, AGENTS.md for Codex CLI, and .cursor/rules/figma-design-system.mdc for Cursor \n Requires Figma MCP server connection and codebase analysis to discover existing patterns before rul

Comprehensive database schema design patterns for PostgreSQL and MySQL with normalization, relationships, constraints, and error prevention.