design▌

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

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

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

Model complex business domains with entities, value objects, and bounded contexts.

Modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first strategies. \n \n Container queries enable component-level responsiveness independent of viewport size, with support for container query units (cqi, cqw, cqh) and style queries \n Fluid typography and spacing via CSS clamp() scales smoothly across screen sizes with min/max bounds, eliminating discrete breakpoint jumps \n CSS Grid auto-fit/auto-fill patterns and Flexbox provide intrinsic layouts that a