claude

backgrounds

Generate self-contained, brand-aware background effects (animated WebGL shader, dot-grid, or ASCII art) recolored from your DESIGN.md, with reduced-motion and fallbacks baked in.

5 on GitHubby Sherizan Sheikhv0.1.0MITupdated 28 days agodesign
/

Plugin backgrounds from marketplace designagent in sherizan/designagent. Commands read from the repo's manifest — 28 days ago.

What it installs

Skills (1)

  • backgrounds

    Generate a self-contained, brand-aware background effect — an animated WebGL shader, a dot-grid, or ASCII art. Use when the user asks for a background, hero/canvas effect, shader, animated/generative backdrop, dot grid, or ASCII art. Recolors from DESIGN.md and bakes in reduced-motion + fallbacks.

Slash commands (1)

  • /backgrounds:backgrounds

    Generate a brand-aware background effect — shader, dotgrid, or ascii — recolored from DESIGN.md with reduced-motion + fallbacks.

View source on GitHub designagent.dev

More from sherizan/designagent

All 9 plugins →

AI design review for Claude Code: connects PRD, research, Figma, and analytics to review design intent (not pixels) and surface gaps before handoff or launch. Reads and annotates Figma through the DesignAgent bridge. Run /new, /review, /annotate.

1 skill · 3 commands · 6 agents · 1 MCP server

5

Claude Code's live two-way bridge to Figma: read, build, and edit the canvas in real time, then build production UI from a design-system-faithful DESIGN.md.

3 skills · 1 MCP server · hooks

5

tokens

claude

Extract your design tokens from code (colors, spacing, type, radius) with deterministic clustering and hardcoded-value drift detection, and keep DESIGN.md in sync.

3 skills · 1 command

5

design

claude

DESIGN.md: scaffold and sync your design system, then lint the code against its own rules (borders vs shadows, off-grid spacing, extra typefaces, over-cap weights).

1 skill · 2 commands

5

design-qa

claude

Does the build match the design? Screenshots your running UI, diffs it against the Figma frame / DESIGN.md, and reports layout, spacing, color, and type drift by severity.

1 skill · 1 command · 1 MCP server

5

voice

claude

VOICE.md: proofread copy against a house voice and strip the AI tells (em dashes, hype, filler), keeping commands, ids, and code literally unchanged.

1 skill · 2 commands

5

Similar plugins

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

5 skills + 35 modes + Material Passport pipeline. Includes v3.6.7 cross-model audit gate and v3.6.8 generator-evaluator contract.

5 skills · 16 commands · 4 agents · hooks

Imbad0202/academic-research-skills 56,698

Backend API design, GraphQL architecture, workflow orchestration with Temporal, and test-driven backend development

9 skills · 1 command · 8 agents

wshobson/agents 42,461

Zero-dependency HTML presentation generator with safe presets, bold template-library styles, PPT conversion, and anti-AI-slop design philosophy.

1 skill

zarazhangrui/frontend-slides 32,274

AI-powered repository analysis agent using Repomix CLI. Analyzes local and remote repositories intelligently by running repomix commands, then reading and searching the generated output files to answer questions about code structure, patterns, and content.

2 commands · 1 agent

yamadashy/repomix 29,255

Maintain backgrounds?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins9 plugins