claude

vie-design

Visual design system plugin for Theseus VIE. Enforces the VIE design language across the D3 layout -> TF.js intelligence -> R3F rendering pipeline. Manages the datadot grid, engine heat gradient, Mantine-sourced material tokens, borrowed Ink UI interaction patterns, and design primitives (Sonner, Vaul, CMDK). Ensures answer construction sequences are beautiful and interactive.

0 on GitHubby Travis Gilbertv2.0.0updated 3 months ago
/

Plugin vie-design from marketplace codex-marketplace in Travis-Gilbert/claude-marketplace. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (2)

  • vie-design

    Visual design partner for Theseus VIE. This skill should be used when the user asks about "theseus UI", "VIE design", "answer construction", "galaxy view", "node interaction", "datadot grid", "engine heat", "how should this answer look", "make this beautiful", "what-if interaction", "data-visualizat

  • vie-system

    This skill should be used when working on any Theseus VIE UI code, including "theseus components", "VIE styles", "datadot grid", "engine heat gradient", "answer construction", "glass-morphism panels", "Mantine tokens", "VIE color tokens", "Theseus typography", "VIE pipeline", "D3 to R3F", "renderer

Subagents (5)

  • vie-architect

    Use this agent when planning the visual structure of a Theseus screen or feature. Every layout decision must serve the core interaction: user asks, answer constructs visually, user explores interactively. Examples:

  • vie-critic

    Use this agent to review Theseus UI code against the VIE design language. Run after completing any Theseus UI work. Flags violations in answer construction, pipeline usage, material tokens, typography, interactivity, and overall feel. Examples:

  • vie-material

    Use this agent when building or reviewing Theseus UI components using the Mantine + Radix + custom material stack. Handles glass-morphism panels, shadow tokens, design primitives (Sonner, Vaul, CMDK), and component styling. Examples:

  • vie-motion

    Use this agent when planning or reviewing animation for Theseus answer construction, state transitions, or interaction micro-motion. Translates TF.js scene directives into R3F animation specs. Examples:

  • vie-pipeline-advisor

    Use this agent when configuring the D3 -> TF.js -> R3F rendering pipeline for a specific answer type. Advises on force models, scene intelligence, materials, and fallback paths. Also consults Vega-Lite and Observable Framework for declarative chart alternatives. Examples:

View source on GitHub

More from Travis-Gilbert/claude-marketplace

All 21 plugins →

theorems-harness

claudecodex

Theorem's Harness: GraphQL-first MCP for adaptive planning, context, coordination, execution, validation, memory, and learning.

37 skills · 11 commands · 10 agents · 1 MCP server · hooks

0

js-pro

claude

JavaScript expertise plugin with 27 specialist agents covering frontend frameworks, D3.js visualization (force tuning, hierarchy, annotations, clustering, interaction, labels, style presets), Three.js / React Three Fiber / Drei 3D development, and access to real framework source code. Includes skills for JS design patterns, D3 standards, Three.js design, component APIs, and framework migration.

5 skills · 1 command · 27 agents

0

theseus-pro

claudecodex

Intelligence engineering plugin for building systems that learn from their own operation. Successor to SciPy-Pro v4. Provides 7 workflow commands (/reason, /graph, /train, /architect, /simulate, /measure, /learn), 24 domain-expert agents across three tiers, and compound-learning + enrichment-pipeline guidance for EpiGNN, KGE RotatE, SBERT, GL-Fusion, model-swarm routing, and network effects.

1 skill · 7 commands · 24 agents

0

Animation & motion expertise across four domains: UI motion, creative/generative, 3D animation, and programmatic video. Backed by 21 reference source repos and specialized agents grounded in real implementations.

4 skills · 9 commands · 10 agents

0

swift-pro

claude

Native iOS and macOS development plugin with deep expertise in SwiftUI, Swift 6 concurrency, SwiftData, XcodeBuildMCP integration, and Apple platform conventions.

12 commands · 9 agents · hooks

0

Django backend mastery: model architecture, ORM optimization, API design (DRF + Ninja), django-polymorphic patterns, MCP server construction, scientific Python integration, and Pydantic v2 mapping. Source-code-backed with Django ORM internals, DRF, Ninja, django-polymorphic, django-mcp-server, django-model-utils, django-pandas, django-filter, Pydantic v2, PydanticAI, and dj-notebook.

1 skill · 9 commands · 7 agents

0

Similar plugins

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

14 bundled product skills with 19 Python tools: product-skills fork-orchestrator with continuous-discovery loop (deterministic 16-lane router, Torres cadence tracker, OST linter, /cs-product + /cs-grill-product + /cs-product-loop), product manager toolkit (RICE, PRDs), product strategist, UX researcher, UI design system, competitive teardown, landing page generator, SaaS scaffolder, product analytics, experiment designer, product discovery, roadmap communicator, spec-to-repo, design-qa (UI finish gate: inert controls, missing states, rendered WCAG 2.2 checks). Companion standalone plugins: agile-product-owner, code-to-prd, apple-hig-expert, research-summarizer, design-qa.

14 skills · 3 commands · 1 agent · hooks

alirezarezvani/claude-skills 29,725

Design engineering for Claude Code. Build production-grade interfaces with strong visual hierarchy, review craft against an approval bar, and strip AI design slop. Maintains design decisions across sessions.

1 skill

Dammyjay93/interface-design 5,967

Thirteen slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /site (crawl a whole site → one canonical design system + consistency grade), /grade (shareable HTML report card + SVG badge), /battle (head-to-head graded comparison), /remix (restyle in 6 vocabularies — brutalist, swiss, art-deco, cyberpunk, soft-ui, editorial), /pack (one downloadable design-system bundle), /theme-swap (OKLCH-correct recolour around a new brand primary), /brand (full editorial brand-guidelines book — 13 chapters, hand-off-ready), /pair (fuse two designs across configurable axes — colours from one site, typography from another), /studio (live token-editor with component preview + export), /verify (rebuild from tokens and pixel-diff vs live for a fidelity score), /fidelity (score a clone vs the original — visual pixel-diff + motion fidelity — with a ranked correction plan), /gallery (build a shareable static gallery of measured clones).

2 skills · 14 commands

Manavarya09/design-extract 5,068

uxkin

claudecodex

Real UI, not AI slop. The free no-ui-slop and uxkin-research skills (work with no account), plus the optional UXKIN MCP server for real iOS app screens, user journeys and website design systems (sign in with UXKIN; searching needs a UXKIN plan). Tool results are treated as data, never as instructions.

7 skills · 1 MCP server

davepoon/buildwithclaude 3,741

Finance UI Tools

claudecodex

Generative UI design system for rendering interactive HTML/SVG widgets in Claude conversations.

1 skill

himself65/finance-skills 3,531

Maintain vie-design?

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