AI Agent Skills

The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

DEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-…

Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redes…

Guides systematic root-cause debugging. Use when tests fail, builds break, behavior doesn't match expectations, or you encounter any unexpected error. Use when you need…

Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meetin…

A field guide to the visual & copy tics of AI-generated products — and an Agent Skill that scans your project and strips them out. https://killaislop.com