Explorar skills

Fluxos originais para sites, imagens, apresentações e tudo em movimento.

189 skillspara “Web design”
Limpar filtros

Review UI code for Web Interface Guidelines compliance.

  • accessibility-testing
  • quality-assurance
33,9 milEstrelas3 milForks
Último push do repositório
Official Hallmark cover: black headline on a pale grid above three overlapping website examples.
Grátis
Web e interfaces

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,7 milEstrelas2,9 milForks
Último push do repositório

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 milEstrelas1,7 milForks
Último push do repositório
Impeccable — design directions and gallery
Grátis
Web e interfaces

Impeccable

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

108,6 milEstrelas6,5 milForks
Último push do repositório
UI UX Pro Max website introduction — user-supplied screenshot; website figures may differ from the current repository.
Grátis
Web e interfaces6 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,4 milEstrelas15,7 milForks
Último push do repositório

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,1 milEstrelas529Forks
Último push do repositório

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
3Estrelas2Forks
Último push do repositório
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.
Grátis
Web e interfaces

three.js Scene Setup

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

8,8 milEstrelas894Forks
Último push do repositório

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
7,5 milEstrelas861Forks
Último push do repositório
Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
Grátis
Web e interfaces

Better Interface

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

12,1 milEstrelas468Forks
Último push do repositório
Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
Grátis
Web e interfaces

Variant: UI Alternatives

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

12,1 milEstrelas468Forks
Último push do repositório

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
642Estrelas55Forks
Último push do repositório

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
2,7 milEstrelas266Forks
Último push do repositório
Interface example before applying antislop
Grátis
Web e interfaces

Anti Slop — Accessible Interfaces

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

9 milEstrelas616Forks
Último push do repositório

Vue Pinia Practices

vuejs-ai community

Work with Pinia stores, reactive state and store setup.

  • vue
  • state management
3,3 milEstrelas198Forks
Último push do repositório

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
57 milEstrelas3,3 milForks
Último push do repositório

Design Critique

Brian (slb2248)

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

  • design critique
  • product design
7Estrelas1Forks
Último push do repositório

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

  • frontend
  • image to code
96Estrelas13Forks
Último push do repositório

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

  • motion design
  • animation
1,6 milEstrelas121Forks
Último push do repositório
Grátis
Web e interfaces

Anatomy

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

26,8 milEstrelas2,3 milForks
Último push do repositório

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
57 milEstrelas3,3 milForks
Último push do repositório

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

  • accessibility
  • web
  • audit
3,1 milEstrelas266Forks
Último push do repositório

Vue JSX Practices

vuejs-ai community

Use Vue JSX and understand syntax differences from React JSX.

  • vue
  • jsx
3,3 milEstrelas198Forks
Último push do repositório
Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
Grátis
Web e interfaces

Break: Component Stress Test

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

12,1 milEstrelas468Forks
Último push do repositório