claude

design

Professional design system - 20 rules + web motion + aesthetic references

0 on GitHubby Hugo Chanv1.1.0updated 2 months agodesign
/

Plugin design from marketplace hugo-personal in polarislt0710/claude-skills-hugo. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (6)

  • color

    Apply 5 professional color rules - palette systems, WCAG contrast, semantic meaning, visual hierarchy via color, surface layering. Use when designing/reviewing color usage, building a design system, or auditing accessibility. Triggers on "color palette", "improve contrast", "color system", "dark mod

  • components

    Apply 5 professional component-design rules covering buttons, forms, cards, icons, and motion. Use when designing/reviewing UI components, building a component library, or auditing interaction states. Triggers on "design this button", "form layout", "card component", "icon usage", "add motion", "ani

  • layout

    Apply 5 professional layout rules - grid systems, spacing scales, alignment, proximity (related-element grouping), visual weight balance. Use when reviewing or designing layout, fixing inconsistent spacing, deciding alignment, or balancing emphasis. Triggers on "fix the layout", "improve spacing", "

  • taste

    Aesthetic reference library for building polished, distinctive UI. Maps well-known visual styles (Linear/Vercel minimal, bold editorial, warm human, glassmorphism premium, brutalist) to concrete palette, type, spacing, and motion values. Use when visual output should feel intentional and inspired by

  • typography

    Apply 5 professional typography rules - scale, weight, measure (line length), paragraph spacing, contrast - with WCAG AA/AAA compliance. Use when reviewing or designing UI text, building a type system, picking font sizes, or fixing readability issues. Triggers on "improve typography", "fix the type"

  • web-motion-design

    Cinematic web animations and interactive motion design using Framer Motion, GSAP, CSS animations, and modern web APIs. Use when building animated UI components, scroll-driven animations, page transitions, micro-interactions, or any motion that elevates the user experience. Triggers when user asks to

View source on GitHub

More from polarislt0710/claude-skills-hugo

All 10 plugins →

workflow-tools

claude

Dev workflow & meta toolkit - PAUL loop, seed incubator, brainstormers, research, arXiv prior-art (neuroarxiv), project-approach advisory, CLI automation, gstack, CLAUDE.md config, ecosystem directory

10 skills

0

codex-watchdog

claude

Monitoring + recovery wrapper for the official openai-codex plugin: detects dead/stalled/timed-out Codex jobs, wakes Claude via background watch, reaps zombie state, flags sandbox denials, and offers a controlled bypass dispatch path

1 skill · 3 commands

0

ai-prompts

claude

AI generation prompt builders

3 skills

0

media-tools

claude

Programmatic media generation - Cantonese.ai TTS + Remotion code-driven video

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