claude

react-mdx-diagram

MDX 안에 순수 React inline-style 다이어그램을 그리는 스킬. 다이어그램/아키텍처 디자인 시스템(8색 팔레트·노드 의미체계·C4)을 candy-os/swiss/blueprint 3 스킨 프리셋으로 내장하고, 프로젝트별 theme 세팅 후 일관된 도식을 양산하며 (( )) 플레이스홀더도 채운다.

0 on GitHubby 김윤덕v0.2.1updated 1 month agoproductivity
/

Plugin react-mdx-diagram from marketplace centurio87-plugins in centurio1987/my-claude-plugins. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (1)

  • react-mdx-diagram

    프로젝트별 theme과 디자인 시스템에 맞춰 MDX 안에 순수 React(외부 라이브러리·import 없는 inline-style) 다이어그램을 그리는 스킬. 스킬이 한 프로젝트에서 처음 쓰일 때 1회 초기 세팅(theme 토큰 파일 + 디자인 시스템 바인딩)을 만들고, 이후 그 profile을 재사용해 일관된 도식을 양산한다. 사용자가 "이 글/문서에 다이어그램/도식/개념도/아키텍처 그림 넣어줘", "react로 다이어그램 만들어줘", "mdx에 그림 그려줘", "우리 디자인 시스템 스타일로 도식 만들어줘", "다이어그램 테마 세

View source on GitHub

More from centurio1987/my-claude-plugins

All 9 plugins →

집필 파이프라인 통일 키트. 공통 원칙(L0)·퍼소나 voice(L1)·글 명세(L2)를 축(axis) 소유권으로 분리해 관리하고, 집필·품질게이트·발행을 한 벌로 제공한다. 문체 설정은 전역을 voice 가 계승하며, 품사·어미 단위로 분류한 어휘 가중치(정량)와 문체 요소 분류에 묶인 지시(정성)를 시각화된 편집기로 관리한다.

7 skills

0

animator

claude

프론트엔드 결과물을 보고 애니메이션 적용 가능 영역을 포착(animation-scout)하고, score 기반 타당성 게이트웨이를 통과한 영역에만 적합한 애니메이션을 적용(animation-applier)하는 플러그인. 포착과 적용을 분리하고, 수집·적용을 서브에이전트로 격리해 메인 컨텍스트를 보호한다.

2 skills · 2 agents

0

면접 준비를 위한 질문 생성·꼬리 질문·답변 검토 스킬 + 부트스트랩 에이전트. 5종 포지션 프리셋(Node.js/DevOps/Product/CTO/PO) 포함.

3 skills · 1 agent

0

LLM-driven 개인 위키를 위한 스킬 모음 — 인터뷰→스캐폴딩→graphify 지식그래프 풀 셋업(forge), 초기화(bootstrap), 품질 검증(validate), 구조 재편성(restructure).

4 skills

0

PLAN.md/BACKLOG.md 작업 완료 후 최종 산출물을 분석해 재사용 가능한 스킬·프로젝트 룰·에이전트 후보를 찾아 제안·생성하는 사후 작업 검토 키트 (Stop 훅 + post-work-review 스킬 + work-pattern-analyzer 에이전트).

1 skill · 1 agent · hooks

0

범용 웹 리서치 플러그인. 주제만 주면 researcher 서브에이전트가 웹에서 신뢰 소스를 모아 출처 추적 가능한 한국어 정리 문서를 생성한다. 수집을 서브에이전트로 격리해 메인 대화 컨텍스트를 보호한다.

2 skills · 1 agent

0

Similar plugins

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

caveman

claude

Talk like caveman. Cut filler. Keep technical details explicit.

22 skills · 1 command · 3 agents · hooks

JuliusBrussee/caveman 119,462

claude-mem

claudecodex

Persistent memory for Claude Code: the next session starts where the last one left off.

29 skills · 1 MCP server · hooks

thedotmack/claude-mem 116,618

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

AI-powered codebase understanding — analyze, visualize, and explain any project

9 skills · 10 agents · hooks

Egonex-AI/Understand-Anything 92,410

career-ops

claudecodex

Open-source AI job search that runs locally in your AI coding CLI: scan job portals, evaluate listings into a structured A-H report with a 1-5 score, tailor your CV, track applications

5 skills · hooks

career-ops-hq/career-ops 82,253

Maintain react-mdx-diagram?

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