claude

design-thinking

Design Thinking · Design Graph · Graph Protocol — draw the call graph before writing code, review, and refactor against it.

9 on GitHubby widnyanav0.3.0MITupdated 18 days agodevelopment
/

Plugin design-thinking from marketplace eyay-toolkits in widnyana/eyay-toolkits. Commands read from the repo's manifest — 17 days ago.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (3)

  • design-graph

    Design Graph: the interface method. Job → Flow → Surface<C, V, N>: surfaces, content (C), void states (V: empty, loading, partial, error, denied), needs (N), field boundaries, motion layers, attention scope, proof by swapping N. Use when designing or reviewing screens, flows, or components.

  • design-thinking

    Design Thinking: the code method. X → Graph → Effect<A, E, R>, the §1-§10 pipeline: shapes, happy path (A), cardinality, break points (E: ⟳ ↯ ☠), requirements (R), boundaries, behavior layers, scope, test layers, code. Stack-agnostic. Use when planning, designing, reviewing, or refactoring code. Out

  • graph-protocol

    Graph Protocol: the orchestration method. X → Graph → Delegation<A, E, R>: task nodes, execution graph in waves, delegation break points, worker requirements, AGENT SUBGRAPH prompt blocks, RETURN blocks, retry and evolution, IMPLEMENTED GRAPH compare. Use when splitting work across subagents or work

Slash commands (6)

  • /design-thinking:cg-map

    Map the Design Thinking vocabulary onto a language/framework's concrete idioms

  • /design-thinking:cg-plan

    Design before code - full graph for a task, delegation plan when it needs many workers, then implement to match

  • /design-thinking:cg-review

    Review code against its call graph - reconstruct the implemented graph and diff it

  • /design-thinking:cg

    Generate a call graph of a module or task (Design Thinking output format)

  • /design-thinking:dt

    Design Thinking mode: /dt toggles, on|off|status set/query, anything else runs as a prompt with mode on

  • /design-thinking:research-prompt

    Meta Research Prompt Generator - writes the research prompt, then runs it here or delegates it to claude, pi, or omp (DELEGATE:)

Hooks (1)

  • SessionStart

    bash "${CLAUDE_PLUGIN_ROOT}/hooks/scripts/inject-design-thinking.sh"

View source on GitHub

More from widnyana/eyay-toolkits

All 15 plugins →

solana-onchain

claude

Solana blockchain integration: query accounts, analyze transactions, execute operations with mainnet safety safeguards.

8 skills · 2 agents · hooks

9

sui-dev-tools

claude

Sui blockchain development: Move smart contracts, TypeScript SDK, frontend dApp Kit, Seal secrets, and Walrus storage.

11 skills

9

ts-backend-dev

claude

TypeScript backend development: database performance optimization, code review, and Prisma schema design.

3 skills

9

visual-gen

claude

Generate blog cover images, architecture diagrams, and process infographics as PNG using HTML+CSS rendered via Chrome headless.

3 skills

9

career-tools

claude

Build tailored cover letters and ATS-friendly CVs by scanning a repo for background info and matching to job postings.

2 skills

9

prose-engineers

claude

Write technical documentation, articles, reviews, and postmortems in a storytelling style that's direct, humble, and problem-first.

2 skills

9

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

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

understand-anything

claude

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

9 skills · 10 agents · hooks

Egonex-AI/Understand-Anything 92,410

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

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

cli-anything

claude

Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.

5 commands

HKUDS/CLI-Anything 58,665

Maintain design-thinking?

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