muriel

Solid

A multi-constraint solver for visual production — raster, SVG, web, interactive, polish, video, terminal, density viz, gaze, science, infographics, diagrams, spatial, charts across fourteen output channels plus dimensions + style-guides cross-channel references. Brand tokens, 8:1 contrast rule, and dimension constants stay active at render time. Use when the user needs any visual artifact for human eyes.

Web & Frontend 16 stars 0 forks Updated yesterday MIT

Install

View on GitHub

Quality Score: 80/100

Stars 20%
41
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# muriel — Multi-channel visual production ## Channels Each channel has a dedicated subfile with deep recipes, tooling, and lessons. This top-level index is the map; the subfiles are the territory. | Channel | Format | Deep dive | |---|---|---| | **Raster** | PNG/JPG | [`channels/raster.md`](channels/raster.md) — Pillow, `typeset.py`, store dimensions, fonts, inline pattern | | **Vector** | SVG | [`channels/svg.md`](channels/svg.md) — `svgwrite`, `cairosvg`, Mermaid, Excalidraw, `viewBox` theming | | **Web** | HTML + CSS | [`channels/web.md`](channels/web.md) — marginalia, pandoc filter, Playwright/weasyprint capture, data-URI | | **Interactive** | WebGL / Canvas / D3 | [`channels/interactive.md`](channels/interactive.md) — single-file scaffold, PermalinkManager, CodePen, Observable | | **Video** | MP4 / GIF | [`channels/video.md`](channels/video.md) — ffmpeg + `desktop-control` + tooltip burn + editing recipes | | **Terminal** | Unicode | [`channels/terminal.md`](channels/terminal.md) — `chart.py` bar charts, sparklines, tables | | **Density viz** | PNG | [`channels/heatmaps.md`](channels/heatmaps.md) — Tobii-style Gaussian overlays | | **Gaze plots** | PNG / SVG / JS | [`channels/gaze.md`](channels/gaze.md) — scanpath, bubble, AOI timeline, saccade rose | | **Science** | matplotlib + LaTeX | [`channels/science.md`](channels/science.md) — rcparams, stats reporting, notebook editorial, paper figures | | **Dimensions** | *cross-channel reference* | [`channels/dimensions.md...

Details

Author
andyed
Repository
andyed/muriel
Created
1 months ago
Last Updated
yesterday
Language
Python
License
MIT

Integrates with

Related Skills

Web & Frontend Featured

code-to-prd

Reverse-engineer any codebase into a complete Product Requirements Document (PRD). Analyzes routes, components, state management, API integrations, and user interactions to produce business-readable documentation detailed enough for engineers or AI agents to fully reconstruct every page and endpoint. Works with frontend frameworks (React, Vue, Angular, Svelte, Next.js, Nuxt), backend frameworks (NestJS, Django, Express, FastAPI), and fullstack applications. Trigger when users mention: generate PRD, reverse-engineer requirements, code to documentation, extract product specs from code, document page logic, analyze page fields and interactions, create a functional inventory, write requirements from an existing codebase, document API endpoints, or analyze backend routes.

16,173 Updated today
alirezarezvani
Web & Frontend Featured

lifecyclemigrate-from-nextjs

Step-by-step migration from Next.js App Router to TanStack Start: route definition conversion, API mapping, server function conversion from Server Actions, middleware conversion, data fetching pattern changes.

14,498 Updated today
TanStack
Web & Frontend Featured

ckmbanner-design

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.

62,072 Updated 1 months ago
nextlevelbuilder