Review UI code for Web Interface Guidelines compliance.
3.4万スター2964フォーク
リポジトリの最終プッシュ
スキルを探す
ウェブサイト、画像、プレゼンテーション、動画のためのオリジナルワークフロー。
無料
ウェブ・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.
5.4万スター2860フォーク
リポジトリの最終プッシュ
Nutlope
Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations.
1.5万スター1721フォーク
リポジトリの最終プッシュ
無料
ウェブ・UI
Impeccable
Impeccable is an AI frontend design Skill for building and refining interfaces: typography, layout, accessibility, responsive behavior and browser iteration.
10.9万スター6457フォーク
リポジトリの最終プッシュ
pbakaus
無料
ウェブ・UI6 件のスキル
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.
14.8万スター1.6万フォーク
リポジトリの最終プッシュ
Next Level Builder
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
1.1万スター529フォーク
リポジトリの最終プッシュ
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.
3スター2フォーク
リポジトリの最終プッシュ
無料
ウェブ・UI
three.js Scene Setup
Create a responsive 3D scene with module imports, a camera, WebGL renderer, animation loop, and OrbitControls.
8771スター894フォーク
リポジトリの最終プッシュ
Abhishek Barali
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.
7533スター861フォーク
リポジトリの最終プッシュ
無料
ウェブ・UI
Better Interface
Review a screen or flow across accessibility, layout, copy, typography, color and UI polish.
1.2万スター468フォーク
リポジトリの最終プッシュ
Jakub Krehel
無料
ウェブ・UI
Variant: UI Alternatives
Build multiple component variants in the real page and compare their tradeoffs.
1.2万スター468フォーク
リポジトリの最終プッシュ
Jakub Krehel
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.
642スター55フォーク
リポジトリの最終プッシュ
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.
2702スター266フォーク
リポジトリの最終プッシュ
無料
ウェブ・UI
Anti Slop — Accessible Interfaces
Human and accessibility skill for antislop. Contrast, keyboard, focus, and states for real people. Includes the contrast checker.
9006スター616フォーク
リポジトリの最終プッシュ
miqdadbadjuber
Work with Pinia stores, reactive state and store setup.
3331スター198フォーク
リポジトリの最終プッシュ
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.
5.7万スター3336フォーク
リポジトリの最終プッシュ
Structure a design critique around context, questions, observations, impact and actionable feedback.
7スター1フォーク
リポジトリの最終プッシュ
Implement an interface from a screenshot or mockup and compare the rendered result with the reference.
96スター13フォーク
リポジトリの最終プッシュ
Build or audit interface motion using context-sensitive design guidance and an HTML or terminal report.
1556スター121フォーク
リポジトリの最終プッシュ
ウェブ・UI
Anatomy
Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.
2.7万スター2255フォーク
リポジトリの最終プッシュ
wheresryan22
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.
5.7万スター3336フォーク
リポジトリの最終プッシュ
Audit web accessibility using WCAG guidance, keyboard checks and evidence-led issue reporting.
3074スター266フォーク
リポジトリの最終プッシュ
Use Vue JSX and understand syntax differences from React JSX.
3331スター198フォーク
リポジトリの最終プッシュ
無料
ウェブ・UI
Break: Component Stress Test
Render a chosen component in a temporary page under relevant stress scenarios.
1.2万スター468フォーク
リポジトリの最終プッシュ
Jakub Krehel