Awwwards-Level Web Design
An MCP server that provides on-demand skill loading for AI coding assistants.
Browse reusable instructions for your AI tools. Copy and customize a prompt, or download a skill for a supported agent.

An MCP server that provides on-demand skill loading for AI coding assistants.
Generates polychromatic ornamental patterns using historical color knowledge and AI, ideal for decorative design and educational imagery.
Creates modern ornamental patterns with colorblind-accessible scales, blending historical motifs with contemporary aesthetics.
Creates monochrome ornamental patterns using AI and historical design principles for decorative applications.
A collection of skills for AI agents (Kiro, Cursor, Windsurf, Claude Code, and others). Each skill is a reusable module that teaches the agent to perform complex tasks with context, structure, and best practices.
Use this template to create comprehensive brand guidelines for any project.
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.
Use when asked to audit UI for visual quality, check design consistency, review brand alignment, evaluate design system compliance, or find visual issues before a launch. Examples: "audit our UI", "check visual consistency", "review the design for issues", "is our UI on-brand", "find visual bugs"...
Theory-backed design audit — names the principle violated, cites the source, shows the fix. Use when asked to "evaluate design quality", "check if this follows design principles", "theory check", "design exam", "audit against best practices", or "what's wrong with this design".
Designer's eye plan review — interactive, like CEO and Eng review. (gstack)
Diagnose and fix common Anima SDK design-to-code errors.
Build automated Figma-to-React pipeline with the Anima SDK.
Deploy Anima design-to-code service as a backend API endpoint.
Implement reference architecture for Anima design-to-code automation.
Clone websites to React/HTML code and customize Anima output with AI.
Set up iterative design-to-code development loop with Anima SDK.
Apply production-ready patterns for the Anima SDK design-to-code pipeline.
Unified team skill for UI design team. Research -> design tokens -> audit -> implementation. Uses team-worker agent architecture with roles/ for domain logic. Coordinator orchestrates dual-track pipeline with GC loops and sync points. Triggers on "team ui design", "ui design team".
Audit a design system for consistency, coverage, and quality. Use when asked to audit a design system, review a component library, assess design token coverage, or evaluate the health of a shared design system. Produces a structured audit with a health score, component coverage gaps, token incons...
Detects and fixes color contrast violations using WCAG 2.1 guidelines and perceptual analysis. Expert in contrast ratio calculation, color blindness simulation, and providing accessible alternatives.
Uses constraints productively — maps hard limits, soft preferences, and how the tightest constraints define the solution space. Triggers: 'what are the design constraints', 'map the constraints', 'what are we working within', 'what's fixed', 'constraint-driven design', 'what does the solution spa...
Structures the feedback loop between making and learning — prototyping, testing, and convergence toward fit. Triggers: 'prototype and test', 'iterate on the design', 'how do we test this', 'get feedback on the design', 'what should we prototype', 'design feedback loop', 'test and learn', 'are we ...
shadcn/ui workflow skill. Use this skill when the user needs Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems and the operator should preserve the upstream workflow, copied support files, and provenance before mergi...
Creates comprehensive documentation for design systems - token tables, usage guidelines, component examples, and accessibility notes. Use after generating tokens to create developer-friendly
Try another platform, a broader search, or fewer filters.
Explore all resourcesResource formats: Prompts are ready to copy into a conversation. Skills install into the compatible agent shown on their page.
How it worksInclude the instructions, intended platforms, author, and license. Submissions are reviewed before publication.