Audit landing or checkout pages and prioritize potential conversion issues.
8スター1フォーク
リポジトリの最終プッシュ
スキルを探す
ウェブサイト、画像、プレゼンテーション、動画のためのオリジナルワークフロー。
無料
ウェブ・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
無料
ウェブ・UI
Design Workflows
Route brand, UI, logo, presentation, banner, icon and social image tasks to bundled design workflows.
14.8万スター1.6万フォーク
リポジトリの最終プッシュ
Next Level Builder
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.
5.7万スター3336フォーク
リポジトリの最終プッシュ