17,795 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.
Agent Claude Code
Cognitive scientist and design theorist. Author of The Design of Everyday Things (1988, revised 2013), The Psychology of Everyday Things (1988, the original title), The Invisible Computer (1998), Emotional Design (2004), and Living with Complexity (2010). Co-founder with Jakob Nielsen of the Nielsen Norman Group…
Skill Claude CodeCodex
Design and implement high-quality web interfaces by synthesizing proven design philosophies from Dieter Rams, Brad Frost (Atomic Design), Google Material Design, and modern web best practices. Triggered when the user asks to design a web page, UI component, design system, layout, or when asked to review/improve…
nicolocurioni96/withnico-skills
Skill Cursor
Autonomously generate, design, and organize App Store screenshots for iOS and iPadOS apps. Use this skill whenever a developer asks to create App Store screenshots, generate screenshot assets, design screenshot templates, capture simulator screens, produce localized screenshots, or organize screenshots by device size.…
Skill Claude Code
Comprehensive audit of the SKAPARA design studio — canvas editor, AI generation pipeline, composition rendering, mockup generation, and design-to-product flow. Use when asked to audit the design studio, design editor, canvas, AI generation, or product creation pipeline.
Skill Claude CodeCodex
Reference for UI components in Elvia's design system ("Elvis"). Covers component-specific guidelines for sizing, coloring, types, ordering, labeling, accessibility attributes, CSS setup, and web-component registration. Use when building, reviewing, or fixing UI in an Elvia frontend, even if the request doesn't name…
software-ai-life/Awesome-IG-Design-Skills
Skill Codex
Create or redesign Instagram posts in a retro playful editorial aesthetic: 4:5 aspect ratio, clean magazine-style layout, nostalgic objects such as vintage phone, toys, and everyday items, balanced image and structured typography overlay, horizontal color blocks, label-style sections, subtle UI-like information layout…
Skill Codex
Control an open SemaFrame universal 2D/3D component workspace through MCP or its OpenAPI fallback. Use when an agent, including a realtime voice or multimodal client, needs to inspect, model, create, arrange, update, connect, present, undo, or redo exact spatial assemblies, reusable models, Gaussian-splat Reality…
Skill Claude Code
Four quality gate checklists for frontend: baseline visual, accessibility, metadata/SEO, and motion performance. Post-implementation quality gates. Trigger: When reviewing UI changes, before merging frontend PRs, during sdd-verify.
MCP server Claude CodeCodexCursor +2
Add components to your apps. Runs locally from the shadcn npm package.
Skill Claude CodeCodex
Use this skill when building cinematic, animated, or immersive web experiences. Covers scroll-driven storytelling (GSAP, ScrollTrigger, SplitText, video scrubbing, parallax, mask reveals), 3D product showcases (R3F, Zustand, studio lighting, model switching, video textures), layout composition (bento grids, masonry…
Skill Claude CodeCodex
Stress-test a plan or design against domain language, docs, and code. Ask hard questions one at a time. Update CONTEXT.md and ADRs as decisions crystallize. Use when you already have a draft plan or spec and want to find gaps before implementation.
marcus-ant/cc-agents-workshop-fleetos
Skill Claude Code
Apply the FleetOS industrial dark-theme design system to any FleetOS page or component. Use when building new FleetOS surfaces to ensure visual consistency.
Skill Claude CodeCodex
TidyFactor Design track — code-native UI design lifecycle engine (Figma alternative). Supports all 7 stages of UI design (Discovery, Foundation, Architecture, Components, Motion, Quality, Delivery) with zero per-page CSS/JS and zero build step. Pluggable CSS foundations (Native, Tailwind utility-first, daisyUI…
Skill Codex
Use when a user explicitly asks to workshop, deepen, challenge, or compare a feature's technical design before implementation. Do not use for ordinary coding requests or implementation plans.
infra403/agentic-engineering-lab
Plugin Claude Code
Bundles 3 skills, 4 commands, 10 agents · 1,219 tokens together
A set of frameworks for turning an idea into a clearer product design. It helps identify requirements, rank priorities, divide a system into business areas, and design the main data objects.
mariespreitzer/interfaces-that-feel
Plugin Claude Code
Bundles 1 skill · 162 tokens together
Apply emotional intelligence and craft to any user-facing interface.
Binclusive/Binclusive-Accessibility-Skills
Cursor rule Cursor
Binclusive accessibility workflow — map, audit, and fix accessibility issues using the canonical Agent Skills as the source of truth.
Skill Claude Code
Activate when creating a Logos Basecamp UI app. Covers two subtypes — pure QML (no C++) and QML + process-isolated C++ backend with Qt Remote Objects.
sourav15mukherjee/skillforge-free-skills
Skill Claude CodeCodex
Generate production-grade UI components with visual style systems, color palettes, typography, and responsive layouts. Use when the user asks to build UI, create a landing page, design a component, generate a hero section, or wants frontend design help with styling and layout.
Skill Claude Code
Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario sin conocimientos técnicos pueda PREVISUALIZAR estilos en su navegador antes de elegir, y completar la página de principio a fin (intake, brief, diseño, build…
Skill Claude CodeCodex
Design advisor (graphic/visual × UI/UX/product). Synthesized from the design field's long-accumulated public consensus, classic principles, and industry-standard methods, offered as a neutral advisor providing design judgment and recommendations — not representing or impersonating any specific designer. Covers two…
Luispitik/salgadoia-web-design-engineer-pro
Skill Claude Code
Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario sin conocimientos técnicos pueda PREVISUALIZAR estilos en su navegador antes de elegir, y completar la página de principio a fin (intake, brief, diseño, build…
Skill Claude CodeCodex
Take a product's OUTER APPEARANCE (industrial design: form, proportion, panel split, CMF, controls layout) from a brief + AI-generated look images to a parametric three.js appearance model, a fixed-camera contact sheet, Blender Cycles finals, and a versioned ID report (md authority + Word snapshot) — driven by an AI…
Skill Claude CodeCodex
A design toolkit that uses HTML to make detailed prototypes, interactive demos, slides, animations, and design variations.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: