claude

visual-design

Visual design system toolkit with UX/usability expert review. Consultant + codebase reverse-engineering (chrome-devtools-mcp for route inspection per those skills). Component-context agent. Design-reviewer: headless Playwright bridge (CI-safe), Nielsen heuristics, diff mode, review-checklist synergy, .agent-progress/ logs. Update-component-index skill.

0 on GitHubby Chris Kostakisv4.1.0MITupdated 7 months agodesign
/

Plugin visual-design from marketplace functional-design-tools in thekostakis/requirements-gatherer. Commands read from the repo's manifest — 19 days ago.

What it installs

Skills (4)

  • component-context

    This skill should be used for design-system guidance during UI implementation: which component to use, specs for named components, fuzzy matches when no exact spec exists, or how to approach a component that has no spec yet — without loading the entire compendium into the caller's context. Trigger p

  • design-reviewer

    This skill should be used when a major project step involving visual/UI work has been completed and needs to be reviewed against the design system. Examples: "I've finished implementing the dashboard page", "the card component is done", "implement epic 3" (when epic involves visual output). Also fir

  • update-component-index

    This skill should be used to regenerate the component index after manually adding, editing, or removing component spec files. Trigger phrases: "update component index", "rebuild component index", "refresh design index", "regenerate component index".

  • visual-design-consultant

    This skill should be used when the user wants to establish, extract, or update a visual design system. Trigger phrases: "design system", "visual design", "design guidelines", "extract design from site", "design tokens", "component styles", "I want it to look like [site]", "set up the design", "desig

Subagents (2)

  • component-context

    Use when the user needs design-system guidance for UI implementation without loading the entire compendium. Triggers: which component to use, pick/recommend a component, component mapping, "no spec for", missing component spec, how to design or style a widget, compose components, UI pattern → design

  • design-reviewer

    Use when a visual/UI implementation step has been completed and needs design system review, or when reviewing components against requirements with visual output. Triggers on: component implementation complete, page complete, design review needed, visual quality gate, epic/milestone with UI work. Do

View source on GitHub

More from thekostakis/requirements-gatherer

All 4 plugins →

defect-gatherer

claude

Defect reporting and submission workflow with dispatch contract support. Reporter skill conducts structured interviews, auto-generates reproduction steps via headless Playwright (visual bugs; plugin bridge, CI-safe) or code tracing (API bugs), cross-references requirements, and classifies as true defect, story update, or feature request. Broad trigger coverage: bugs/issues/problems/regressions, change and story updates, and concrete feature requests against existing product (not greenfield requirements). Supports dispatch from orchestrators with page URL (visual) or API endpoint identity (non-visual). Organizer skill submits to GitHub, Jira, Linear, or GitLab with system-native formatting and requirement traceability. Screenshot attachments upload to GitHub (shared defect-evidence release) and Jira (native attachments) with inline rendering.

2 skills

0

functional-tester

claude

Playwright functional tests + headless bridge + Lighthouse CLI/CI + axe. No Chrome DevTools MCP. TDD loop (haiku), audits and performance deep-dive (opus, report-only). .agent-progress/ optional progress_log_path.

1 skill · 1 agent

0

requirements-gatherer

claude

Requirements gathering interview and issue creation workflow. Senior product consultant interviews for structured requirements; source-sync mode derives or reconciles requirements.md from repo, docs, URLs, and attachments (drift analysis, no silent overwrites); organizer converts reviewed requirements into GitHub milestones/issues or Jira epics/stories.

2 skills

0

Similar plugins

example-skills

claude

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

pr-review-toolkit

claude

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

1 command · 6 agents

anthropics/claude-code 155,476

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

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

impeccable

claude

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain visual-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 plugins4 plugins