frontend▌

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

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

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

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 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

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

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.

Analyze existing designs and generate production-grade design systems with intentional aesthetics. \n \n Three operational modes: analyze CSS for patterns and tokens, specify design requirements in JSON, and generate color palettes, typography systems, design tokens, and framework components \n Supports React, Vue, Svelte, and vanilla HTML with multiple styling approaches (Tailwind, CSS modules, styled-components, scoped CSS) \n Includes accessibility auditing (contrast ratios, focus states, tou