Skill search for "ui".

Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, artifacts, posters, or applications. Generates creative, polished UI code that avoids generic AI aesthetics.

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Supports Python (FastMCP) and Node/TypeScript (MCP SDK).

Create new skills, modify existing skills, run evals, benchmark performance, and optimize a skill's description for better triggering accuracy. The meta-skill for building SKILL.md skills.

Build self-contained interactive web artifacts (single-file HTML+CSS+JS apps) like calculators, visualisers, mini-tools and demos. Use when the user wants a runnable web artifact rather than a full project.

Use the Claude API effectively: messages endpoint, streaming, tool use, vision, prompt caching, batches, files. Use when the user is building against the Anthropic API or troubleshooting requests.

Build interactive data visualisations with D3.js: bar charts, line charts, scatter plots, geographic maps, force-directed graphs. Use when the user wants custom, code-driven charts beyond Chart.js.

Use shadcn/ui components correctly in Next.js / React projects: install the right primitives, follow the radix patterns, theme via CSS variables. Use when the user is building a polished React app.

Cut through ambiguity and push a task to completion. Use when a conversation is going in circles, scope is bloating, or the user explicitly wants to wrap something up fast.

Build with the Next.js App Router: server components, route handlers, server actions, streaming, middleware, layouts. Use when the user works on a Next.js 13+ project.

Build and deploy Cloudflare Workers / Pages: Hono routing, D1 SQLite, KV, R2, Durable Objects, secrets, wrangler. Use when the user is on the Cloudflare edge.

Create and edit PowerPoint (.pptx) presentations. Use when the user mentions a .pptx file, asks to build a slide deck, or needs to manipulate slides, layouts, or speaker notes.

Design visual canvases including posters, social cards, illustrations, and graphics using HTML/CSS/SVG. Use when the user asks for visual design output other than code-driven web UIs.

Apply and enforce brand guidelines across designs and content: voice, tone, color, type, logo placement, and asset rules. Use when the user references a brand, style guide, or visual identity.

Create small, looping animated GIFs suitable for Slack reactions and emoji using HTML/CSS animation captured to GIF. Use when the user wants a custom Slack reaction or emoji.

Drive the iOS simulator from Claude: launch apps, interact with UI, take screenshots, inspect view hierarchies. Use when building or QAing iOS apps locally.

Build pixel-perfect HTML/CSS slide decks for technical talks. Use when the user wants a slide deck as code (Reveal.js, Slidev, raw HTML) rather than a .pptx.

Build React Native apps with Expo: navigation, native modules, EAS build pipelines, deployment to App Store and Play Store. Use whenever the user works on a mobile app with Expo.

Produce a production-grade Dockerfile and docker-compose setup for an existing project: multi-stage builds, small images, healthchecks, secrets handling.