claude

svengraziani-ui-design

Design system plugin providing color palettes, typography guides, component patterns, and WCAG 2.2 accessibility compliance.

0 on GitHubby Sven Grazianiv1.0.0updated 6 months agocontent_creation
/

Plugin svengraziani-ui-design from marketplace cascade-content-creation-misc-1 in joshuarweaver/cascade-content-creation-misc-1. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (5)

  • color-palettes

    12 ready-to-use color palettes with exact hex and HSL values in a 50-900 shade scale. Covers primary, neutral, and supporting colors (cyan, blue, purple, teal, red, green, pink, indigo, warm grey, cool grey, blue grey). Apply whenever picking colors, defining CSS custom properties or Tailwind theme

  • component-gallery

    Reference patterns with CSS values for: buttons, form inputs, badges, breadcrumbs, pagination, horizontal/vertical/mobile navigation, tables, cards, modals, alerts, pricing pages, hero sections, feature grids, testimonials, footers, activity feeds, checkout pages, dropdowns, and empty states. Apply

  • font-recommendations

    Curated typeface catalog with weights, licensing, and CSS snippets for sans-serif fonts (Inter, Roboto, Open Sans, Proxima Nova, Graphik, Futura, Lato, IBM Plex Sans) and serif fonts (Merriweather, EB Garamond, Crimson Pro, Alegreya). Includes font pairing tables and the system font stack. Apply whe

  • ui-design-principles

    Rules for visual hierarchy, whitespace, spacing scales, layout, depth (shadows, elevation), and polish. Apply whenever writing or reviewing CSS/HTML styles, deciding on padding/margin/gap values, choosing shadow levels, structuring page layouts, handling responsive design, or improving the overall l

  • wcag-2.2

    WCAG 2.2 accessibility guidelines with actionable implementation rules for web developers. Covers contrast ratios, keyboard navigation, focus management, ARIA, screen readers, alt text, touch targets, form validation, color blindness, reduced motion, semantic HTML, and landmarks. Apply whenever writ

View source on GitHub

More from joshuarweaver/cascade-content-creation-misc-1

All 150 plugins →

Automatically extract and analyze competitor ad creatives from platforms like Google Ads and Meta. Essential for media strategists monitoring competitive landscape.

200 skills

0

Skill for creating smooth animations and transitions using Framer Motion library.

154 skills

0

Guide to animation principles for mobile and touch interfaces. Reference for creating smooth, responsive motion in apps.

144 skills

0

Generate diagrams, flowcharts, and visual representations from text descriptions. Helps media planners and strategists visualize campaign flows and data structures.

137 skills · 1 agent

0

Comprehensive 139-skill plugin for Xiaohongshu content creation, account management, analytics, ecommerce conversion, and growth strategy. Covers content, operations, data analysis, and platform optimization.

137 skills

0

Skill for creating compelling presentations with visual design guidance, storytelling structure, and audience engagement strategies.

119 skills

0

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

Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.

2 skills · 2 commands · 2 agents · 1 MCP server

f/prompts.chat 177,027

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

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

Maintain svengraziani-ui-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 plugins150 plugins