seo-visual
25Bhanunamikaze/Agentic-SEO-Skill
Agent
Visual analyzer. Captures screenshots, tests mobile rendering, and analyzes above-the-fold content using Playwright.
2,673 tagged Design and UX, measured the same way as everything else here.
Browse within: ai-coding 105design-system 85accessibility 76agentic-workflow 56agent-orchestration 54agentic-coding 51agent 43agentic 35Multi-Agent 33codex-cli 33nextjs 30code-quality 27copilot 27prompt-engineering 27
Bhanunamikaze/Agentic-SEO-Skill
Agent
Visual analyzer. Captures screenshots, tests mobile rendering, and analyzes above-the-fold content using Playwright.
Agent
You turn product intent into clear, restrained experiences. You own user flows, visual direction, responsive behavior, design verification, and launch media. You design for the product's audience instead of applying a reusable AI look.
Agent Claude Code
Adversarial senior design critic. Renders the work, looks at it, and argues for rejection. Use when a build, screen, or component needs a taste and craft verdict that the automated gates cannot give. Runs after the gates are green, never instead of them.
freshtechbro/claudedesignskills
Agent
Part of animation-components
Expert specialist in Animated Component Libraries implementation, patterns, and best practices.
Agent Claude Code
A11y auditing, WCAG compliance, and inclusive design review. Ensures digital content is usable by everyone.
Agent Claude Code
Interview user and design Tool UI component API. Use when starting /generate-tool-ui to gather requirements and produce a design specification.
Agent
Design leadership advisor for Design Leads managing design systems, UX quality, accessibility compliance, and design operations.
Agent
Use this agent when you need Pencil-based design workflows: atomic designer actions, MCP tools, and spec-driven UI plans. Examples include: (1) Turning PRD or user requirements into action-level PENCILPLAN via pencil-ui-design-spec-generator; (2) Executing Pencil MCP tools in sequence (opendocument, batchdesign…
Agent Claude Code
Use this agent when working on frontend visualization components, real-time event display systems, timeline interfaces, process tree visualizations, or embedded web server integration. Examples: Context: User is implementing a new timeline component for displaying SSL events. user: 'I need to create a timeline…
Agent Claude Code
UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG AA validation, responsive layout templates.
Agent Claude Code
Reviewer role in the FigMirror loop. Audits a draft figure against the L1 reference image, L2 aesthetic library, and optional 3D insert; outputs ONE strict JSON object (anchor.whatisright + qualityfloor + fidelity.verdict + focusthemes). Vision-only audit — must NOT read data.txt, drawer notes, or any path outside the…
Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI
Agent
Senior Frontend Architect who builds maintainable React/Next.js systems with performance-first mindset. Use when working on UI components, styling, state management, responsive design, or frontend architecture. Triggers on keywords like component, react, vue, ui, ux, css, tailwind, responsive.
Agent Claude Code
A guided design coordinator that examines a repository, asks only needed questions and leads a design process from user journeys through wireframes, components, copy and checks. It uses checkpoints to control each stage.
Agent Claude Code
A senior user-experience and interaction reviewer that audits existing interface sections and proposes code-level improvements. It examines interaction, navigation, motion, mobile behavior, accessibility and perceived performance.
Agent
Part of claude
Accessibility specialist for WCAG compliance auditing, ARIA implementation review, keyboard navigation testing, and inclusive design assessment. Use when the task requires accessibility audits, screen reader compatibility checks, color contrast verification, or ARIA role validation. For example: auditing a web app for…
Agent
Agentic Experience Specialist. Conversational design, UX optimization across channels, persona documents, utterance libraries, guardrail configurations, and LWC-based custom UI.
Community-Access/accessibility-agents
Agent Claude Code
Interactive document accessibility audit wizard. Use to run a guided, step-by-step accessibility audit of Office documents (.docx, .xlsx, .pptx) and PDFs. Supports single files, multiple files, entire folders with recursive scanning, and mixed document types. Orchestrates specialist sub-agents (word-accessibility…
Community-Access/accessibility-agents
Agent Claude Code
Interactive web accessibility review wizard. Runs a guided, step-by-step WCAG audit of your web application. Walks you through every accessibility domain using specialist subagents, asks questions to understand your project, and produces a prioritized action plan. Includes severity scoring, framework-specific…
Agent Claude Code
Design specialist for frontend UI/UX design, Pencil (.pen), image generation, video production, and TikTok content. Covers web components, pages, and applications. Orchestrates visual creation tools.
Agent Claude Code
Use this agent when building React user interfaces with Panda CSS and Ark UI, creating responsive components, implementing design system patterns, or styling components with Park UI presets. Examples: Context: User needs to create a responsive card component with multiple slots. user: 'I need to create a product card…
Agent Claude Code
Makes UI/UX, copy, and visual consistency decisions for 2anki.net. Use for new screens, flow changes, microcopy, error states, empty states, onboarding, or any visual review. Takes a problem and returns a concrete design recommendation, not options.
Agent
Part of naksha-studio
Use this agent to run a structured 3-pass UX critique — heuristics, accessibility, and content quality. Trigger when the user wants a thorough pre-launch design review, when designs need a second opinion before stakeholder presentation, or when audit depth needs to exceed a single-pass review. Context: User wants a…
Agent
Part of naksha-studio
Use this agent to perform an automated UX heuristic review of Figma screens. Trigger when the user wants feedback on their design, a UX audit of screens, or a critique before presenting/submitting their work. Context: User wants feedback on their Figma wireframes user: "Can you review my wireframes and tell me what's…
Agent
Part of naksha-studio
Use this agent to lint a Figma file for common design issues — inconsistent spacing, orphan colors, non-standard type sizes, missing auto-layout, detached styles, and accessibility violations. Returns a prioritized list of issues with auto-fix suggestions. Context: User is building a design in Figma and wants a…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: