claude

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality

3 on GitHubby ainativev1.0.0MITupdated 21 days ago
/

Plugin frontend-design from marketplace ainative-claude-tools in iofold/ainative-claude-plugins. Commands read from the repo's manifest — 20 days ago.

This plugin runs code on your machine — it starts local MCP servers. The exact commands are listed below; read them before installing.

What it installs

Skills (1)

  • frontend-design

    Build visually distinctive, production-grade frontend interfaces. Use when creating web components, pages, or full applications with bold design direction that avoids generic AI aesthetics.

Subagents (1)

  • ui-tester

    Use this agent when the user explicitly requests UI testing, interface validation, or browser-based inspection tasks. This agent is specifically designed to operate the Playwright MCP Server in isolation to prevent context pollution in the main agent. Examples: <example> Context: User wants to verif

MCP servers (1)

  • playwright

    runs: npx @playwright/mcp@latest --isolated --headless

View source on GitHub

More from iofold/ainative-claude-plugins

All 14 plugins →

Brainstorming, planning, documentation, and issue spec skills for Claude Code

4 skills · 3 commands

3

Git commits, code review, branch management, and verification skills for Claude Code

5 skills · 1 command

3

Session recovery, search, and context management for Claude Code

2 skills · 2 commands · 1 agent

3

Parallel agent coordination, subagent-driven development, and plan execution for Claude Code

3 skills · 1 command

3

AI model selection, pricing comparison, Gemini batch processing, scraping/search guidance, and multi-provider gateway tools

3 skills · 1 MCP server

3

Safe Apify Actor workflows for web, Reddit, X/Twitter, SEO/GEO, SERP, and GTM research with spend caps and dataset export

4 skills

3

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

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

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

daisyui

claudecodex

daisyUI component library skill

7 skills

saadeghi/daisyui 42,821

Backend API design, GraphQL architecture, workflow orchestration with Temporal, and test-driven backend development

9 skills · 1 command · 8 agents

wshobson/agents 42,461

Maintain frontend-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 plugins14 plugins