Skills entdecken

Originale Workflows für Websites, Bilder, Präsentationen und bewegte Inhalte.

189 Skillsfür “Web design”
Filter zurücksetzen

Review UI code for Web Interface Guidelines compliance.

  • accessibility-testing
  • quality-assurance
33.930Sterne2964Forks
Letzter Repository-Push
Official Hallmark cover: black headline on a pale grid above three overlapping website examples.
Kostenlos
Web und UI

Hallmark Web Design

Build, redesign or audit websites with a clear visual direction, 48 themes or custom styling, and local UI checks for Claude Code, Codex, Cursor and OpenCode.

53.682Sterne2860Forks
Letzter Repository-Push

Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations.

  • web-design
  • ui-design
15.002Sterne1721Forks
Letzter Repository-Push
Impeccable — design directions and gallery
Kostenlos
Web und UI

Impeccable

Impeccable is an AI frontend design Skill for building and refining interfaces: typography, layout, accessibility, responsive behavior and browser iteration.

108.625Sterne6457Forks
Letzter Repository-Push
UI UX Pro Max website introduction — user-supplied screenshot; website figures may differ from the current repository.
Kostenlos
Web und UI6 Skills

UI UX Pro Max

Design guidance for AI coding agents: generate a project design system, search styles, colors and typography, and apply framework-specific UI/UX recommendations to web and app interfaces.

148.417Sterne15.703Forks
Letzter Repository-Push

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.

  • ui design
  • frontend
11.066Sterne529Forks
Letzter Repository-Push

App Ui Design

David-Li0406

design skill for Claude AI. Grade A. Mobile app UI design expert for iOS and Android. Use when designing app interfaces, creating design systems, ensuring accessibility, or following platform guidelines. Covers Material Design 3, Human Interface Guidelines, color theory, typography, and 2025 trends.

  • design
  • go
  • swift
3Sterne2Forks
Letzter Repository-Push
Author-provided banner showing five game scenes. Its 74-skill label reflects an earlier edition; the reviewed catalog contains 76 specialized skills plus a router.
Kostenlos
Web und UI

three.js Scene Setup

Create a responsive 3D scene with module imports, a camera, WebGL renderer, animation loop, and OrbitControls.

8771Sterne894Forks
Letzter Repository-Push

Prevent and remove generic AI-generated design defaults, incoherent visual choices, and established UI defects while creating, revising, or reviewing websites, apps, screenshots, mockups, and design code. Use as a passive quality gate during UI work or for an explicit anti-slop cleanup; preserve the chosen art direction instead of forcing a neutral redesign.

  • ui review
  • design quality
7533Sterne861Forks
Letzter Repository-Push
Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
Kostenlos
Web und UI

Better Interface

Review a screen or flow across accessibility, layout, copy, typography, color and UI polish.

12.051Sterne468Forks
Letzter Repository-Push
Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
Kostenlos
Web und UI

Variant: UI Alternatives

Build multiple component variants in the real page and compare their tradeoffs.

12.051Sterne468Forks
Letzter Repository-Push

Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.

  • web platform
  • accessibility
642Sterne55Forks
Letzter Repository-Push

Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.

  • ui design
  • frontend
2702Sterne266Forks
Letzter Repository-Push
Interface example before applying antislop
Kostenlos
Web und UI

Anti Slop — Accessible Interfaces

Human and accessibility skill for antislop. Contrast, keyboard, focus, and states for real people. Includes the contrast checker.

9006Sterne616Forks
Letzter Repository-Push

Vue Pinia Practices

vuejs-ai community

Work with Pinia stores, reactive state and store setup.

  • vue
  • state management
3331Sterne198Forks
Letzter Repository-Push

Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the animations", "audit the motion", "make this app feel better", or wants a roadmap of animation fixes rather than a review of a single diff.

  • web animation
  • ui review
56.965Sterne3336Forks
Letzter Repository-Push

Design Critique

Brian (slb2248)

Structure a design critique around context, questions, observations, impact and actionable feedback.

  • design critique
  • product design
7Sterne1Forks
Letzter Repository-Push

Implement an interface from a screenshot or mockup and compare the rendered result with the reference.

  • frontend
  • image to code
96Sterne13Forks
Letzter Repository-Push

Build or audit interface motion using context-sensitive design guidance and an HTML or terminal report.

  • motion design
  • animation
1556Sterne121Forks
Letzter Repository-Push
Kostenlos
Web und UI

Anatomy

Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.

26.848Sterne2255Forks
Letzter Repository-Push

Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.

  • prototyping
  • ui design
56.965Sterne3336Forks
Letzter Repository-Push

Audit web accessibility using WCAG guidance, keyboard checks and evidence-led issue reporting.

  • accessibility
  • web
  • audit
3074Sterne266Forks
Letzter Repository-Push

Vue JSX Practices

vuejs-ai community

Use Vue JSX and understand syntax differences from React JSX.

  • vue
  • jsx
3331Sterne198Forks
Letzter Repository-Push
Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
Kostenlos
Web und UI

Break: Component Stress Test

Render a chosen component in a temporary page under relevant stress scenarios.

12.051Sterne468Forks
Letzter Repository-Push