claude

design-agents

5 design agents for UI/UX, branding, visual storytelling, and delightful interactions

8 on GitHubby dazebv2.3.0MITupdated 8 months ago
/

Plugin design-agents from marketplace claude-playbook in dazeb/ClaudePlaybook. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (17)

  • vercel-react-best-practices

    React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization,

  • vercel-deploy

    Deploy applications and websites to Vercel. Use this skill when the user requests deployment actions such as "Deploy my app", "Deploy this to production", "Create a preview deployment", "Deploy and give me the link", or "Push this live". No authentication required - returns preview URL and claimable

  • web-design-guidelines

    Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

  • brainstorming

    You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

  • dispatching-parallel-agents

    Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies

  • executing-plans

    Use when you have a written implementation plan to execute in a separate session with review checkpoints

  • finishing-a-development-branch

    Use when implementation is complete, all tests pass, and you need to decide how to integrate the work - guides completion of development work by presenting structured options for merge, PR, or cleanup

  • receiving-code-review

    Use when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative agreement or blind implementation

  • requesting-code-review

    Use when completing tasks, implementing major features, or before merging to verify work meets requirements

  • subagent-driven-development

    Use when executing implementation plans with independent tasks in the current session

  • systematic-debugging

    Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes

  • test-driven-development

    Use when implementing any feature or bugfix, before writing implementation code

  • using-git-worktrees

    Use when starting feature work that needs isolation from current workspace or before executing implementation plans - creates isolated git worktrees with smart directory selection and safety verification

  • using-superpowers

    Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions

  • verification-before-completion

    Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertions always

  • writing-plans

    Use when you have a spec or requirements for a multi-step task, before touching code

  • writing-skills

    Use when creating new skills, editing existing skills, or verifying skills work before deployment

View source on GitHub

More from dazeb/ClaudePlaybook

All 7 plugins →

8 core engineering agents including the essential Project Initializer for long-term memory and Agent Creator for building custom agents

17 skills

8

Recommended starter bundle: Project Initializer + Web Development agents (8 total)

17 skills

8

7 marketing agents for content creation, growth hacking, and social media strategy

17 skills

8

11 operations and testing agents for analytics, infrastructure, testing, and quality assurance

17 skills

8

6 product management agents for feedback analysis, prioritization, and project coordination

17 skills

8

8 specialized web development agents: React/Next.js, API Integration, Full-Stack, Performance, PWA, CSS/Tailwind, Static Sites, Browser Automation

17 skills

8

Similar plugins

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

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

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

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 design-agents?

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