Skills and MCP tagged “ui”

frontend-skill nexu-io skill This skill helps agents create visually strong landing pages, websites, and app UIs with restrained composition. Use it for frontend and interface work. Claude Code CX Codex Cursor +1 3,000installs popular-web-designs Hermes Agent + Teknium (design systems sourced from VoltAgent/awesome-design-md) skill 54 real-world design systems (Stripe, Linear, Vercel, Claude) with CSS tokens, typography, and components for building pages styled after known brands. Claude Code CX Codex Cursor +1 914installs shadcn-ui nexu-io skill This skill helps an agent build structured, accessible UI components with shadcn/ui. Use it while planning an interface with the Stitch design loop. Claude Code CX Codex Cursor +1 2,900installs plan-design-review nexu-io skill The skill rates each design dimension from 0-10, explains what a 10 looks like, and flags AI Slop signals. Run it before merging UI work. Claude Code CX Codex Cursor +1 2,900installs ui-skills nexu-io skill Opinionated UI constraints to guide agents building user interfaces. It keeps generated components cohesive across a codebase. Claude Code CX Codex Cursor +1 2,900installs antislop miqdadbadjuber skill A rule-based filter for generic AI output in interfaces and code. Use it when an agent needs explicit checks for UI, copy, accessibility, or mobile layout. Claude Code CX Codex Cursor +1 7,300installs screenshot nexu-io skill Captures app windows or pixel regions across operating systems. Useful for bug reports and design reviews. Claude Code CX Codex Cursor +1 2,700installs antislop-ui miqdadbadjuber skill A UI and visual skill for reviewing color, layout, components, and motion. Use it when building or editing a website, web app, or other interface. Claude Code CX Codex Cursor +1 6,300installs emilkowalski-motion nexu-io skill Adds micro-interactions, state transitions and motion to an existing interface. Use it after the layout or component is already built. Claude Code CX Codex Cursor +1 2,300installs antislop-human miqdadbadjuber skill An accessibility skill for AI agents that checks UI contrast, keyboard focus, and control states. Ships with a WCAG AA contrast checker script. Claude Code CX Codex Cursor +1 5,800installs claude-design BadTechBandit skill Skill for building HTML artifacts — landing pages, prototypes, decks — in Claude Code, Codex and Cursor. Reads project context and produces a self-contained file with markup and styles. Claude Code CX Codex Cursor +1 645installs uncodixfy cyxzdev skill Teaches the agent to skip the default Codex aesthetic: soft gradients, floating panels, decorative copy. Use it when generated frontend looks too much like a template. Claude Code CX Codex Cursor +1 5,600installs building-components vercel skill Guidance for accessible UI components, composable APIs, design tokens, documentation, and package distribution. Claude Code CX Codex Cursor +1 14,700installs create-design-md ibelick skill Creates or updates a DESIGN.md file from a code repository or website. It gives coding agents persistent UI context without altering application source code. Claude Code CX Codex Cursor +1 4,400installs industrial-brutalist-ui nexu-io skill A skill that locks in a raw mechanical visual style for dashboards, portfolios and editorial sites. Rigid grids, monospaced data type, utilitarian colors and analog degradation effects. Claude Code CX Codex Cursor +1 1,700installs uizze-ui UIZZE skill Guides the agent through layout fixes, typography adjustments, and UI state handling. Helpful when improving component hierarchy using existing project tokens. Claude Code CX Codex Cursor +1 144,000installs ui tw93 skill This skill builds and refines production interfaces with a clear visual direction and screenshot-based checks. Use it for pages, components, and typography. Claude Code CX Codex Cursor +1 4,300installs frontend-design sickn33 skill Teaches the agent to create memorable interfaces instead of generic layouts: picks an aesthetic direction, checks accessibility, writes clean code. Claude Code CX Codex Cursor +1 2,600installs inspector-docs CopilotKit skill Keeps CopilotKit documentation aligned with shipped Inspector overlay panes. Use it when adding, editing, or deleting tabs in @copilotkit/web-inspector. Claude Code CX Codex Cursor +1 1,000installs sketch Hermes Agent (adapted from gsd-build/get-shit-done) skill Generates 2-3 HTML mockup variants to compare design directions before you commit to production code. Claude Code CX Codex Cursor +1 402installs build-design jakubkrehel skill Builds UI code from a Figma file or image mockup. It reuses existing project tokens and components instead of hardcoding values. Claude Code CX Codex Cursor +1 3,400installs tailwind-design-system sickn33 skill A skill that keeps the agent on Tailwind while you build a design system: tokens, component variants, responsive patterns, accessibility. Useful when the UI drifts. Claude Code CX Codex Cursor +1 1,600installs tamagui tamagui skill Teaches coding agents Tamagui v3 flat style grammar and token conventions. It guides cross-platform UI generation for web and native. Claude Code CX Codex Cursor +1 593installs visual-edit-precision Adit Jain skill Skill for targeted UI changes when you show elements on a screenshot or point them out in code. Edits only what you selected, without refactoring the entire component. Claude Code CX Codex Cursor 2,800installs huggingface-gradio huggingface skill This skill helps you build and modify Python Gradio interfaces for machine learning demos. It provides patterns for layouts, UI components, and chatbot workflows. Claude Code CX Codex Cursor +1 2,300installs vue vercel-labs skill A skill to convert JSON specifications into Vue 3 components with data binding, visibility conditions, and action handling. Use it if you generate interfaces via AI or build UIs from JSON. Claude Code CX Codex Cursor +1 1,400installs image-to-ui UIZZE skill Turn a screenshot, mockup, or sketch into working interface code. The skill views the image, reproduces it exactly in code, then renders and compares to fix any mismatches. Claude Code CX Codex Cursor +1 63,500installs react-joyride gilbarbara skill Teaches the agent to create step-by-step tours and onboarding flows in React apps using React Joyride v3. Claude Code CX Codex Cursor +1 686installs libraries-dev Jakubantalik skill Selects and integrates Libraries.dev React UI effects for AI interfaces, covering loaders, voice glows, animated borders, and bot avatars. Claude Code CX Codex Cursor +1 991installs godot-ui-control gamedev-skills skill A Claude Code skill that teaches the agent to lay out Godot 4.7 HUDs and menus with Control nodes: anchors, containers, themes and focus. Claude Code CX Codex Cursor +1 6,400installs typeui-fundamentals typeui.sh skill Provides design principles for visual hierarchy, a 4-point spacing grid, typography, and WCAG rules. Useful when the project design system leaves a gap. Claude Code CX Codex Cursor +1 2,200installs firecrawl-website-design-clone firecrawl skill Extracts a live website's visual system into DESIGN.md: tokens, components, logo, fonts and palette. Claude Code CX Codex Cursor +1 33,100installs wpds WordPress skill Feeds WordPress Design System docs to your agent through an MCP server, so UI work lands on real components and tokens instead of guesses. Claude Code CX Codex Cursor +1 4,000installs game-ui-frontend official OpenAI skill Guides browser game interface design for HUDs, overlays, and menus. Keeps the playfield clear and isolates camera input during UI interactions. CX Codex GP ChatGPT 98installs liquid-glass official OpenAI skill Implements and reviews macOS SwiftUI Liquid Glass interfaces, stripping conflicting custom backgrounds so system materials render cleanly. CX Codex GP ChatGPT 78installs url-to-code official OpenAI skill Turns a live website into a working frontend app: captures elements, styles, interactions and assets via browser. CX Codex GP ChatGPT 6installs get-context official OpenAI skill A design-brief gate for Codex. It clarifies product targets and expected outcomes before creating UI files or running prototypes. CX Codex GP ChatGPT 6installs json-render official Vercel Labs skill Guides rendering of AI SDK v6 UIMessage parts, tool call results, and streaming states in custom React chat interfaces. CX Codex GP ChatGPT 4installs