Design AI Skills

Impeccable is an AI frontend design Skill for building and refining interfaces: typography, layout, accessibility, responsive behavior and browser iteration.

pbakaus

Create animated HTML presentations with a coding agent. Compare visual style previews, build a single-file deck, or turn an existing PowerPoint into web slides.

Zara Zhang (zarazhangrui)

Create mathematical explanations and 3D animations in Python, inspect their layout and timing, and export MP4 videos with editable scene source.

Academa Labs

Design guidance for AI coding agents: generate a project design system, search styles, colors and typography, and apply framework-specific UI/UX recommendations to web and app interfaces.

Next Level Builder

Apply Anthropic’s documented colors and typography to documents, slides and other artifacts.

Anthropic

Build HUDs and menus with responsive anchors, safe areas, focus navigation, screen state, and event-driven updates.

Abhishek Barali

Review a screen or flow across accessibility, layout, copy, typography, color and UI polish.

Jakub Krehel

Build multiple component variants in the real page and compare their tradeoffs.

Jakub Krehel

Turn player movement metrics into blockouts, encounter pacing, gated routes, and a reachable critical path.

Abhishek Barali

Human and accessibility skill for antislop. Contrast, keyboard, focus, and states for real people. Includes the contrast checker.

miqdadbadjuber

Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.

wheresryan22

A unified design Skill library with selectable visual templates, reusable UI tokens, component rules and implementation checks for AI coding assistants.

Bergside

Audit a design against Dieter Rams’ ten principles, score cited evidence, and hand off a concrete design improvement plan.

Alex Newman (thedotmack)

Render a chosen component in a temporary page under relevant stress scenarios.

Jakub Krehel

Make launch videos, motion graphics and explainers as editable HTML. Review frames in a local studio, leave targeted comments, and export with music and effects.

Huashu

Rebuild reference websites as editable Next.js pages with an AI coding agent. Inspect responsive layouts, assets and interactions, then compare the result with the source.

JCodesMore

Create short animated GIFs for Slack with frame generation, palette optimization and size validation.

Anthropic

Render a component’s states on a temporary page with mock data and a switcher.

Jakub Krehel

Prepare comparable interface variants so the user can preview and choose a direction.

hexclave

Explore and refine interface design through visual directions, same-screen style comparisons, screenshot review, and runnable UI deliverables.

Zhihuang Lin

Create single-file HTML presentations in editorial magazine or Swiss style, with horizontal navigation, speaker notes, rehearsal timers and a synchronized audience window.

Guizang (歸藏 / op7418)

Build distinctive web interfaces with content-informed typography, composition and visual direction.

Anthropic

Implement UI from Figma or an image with the project’s existing components and tokens.

Jakub Krehel

Direct code-based motion graphics for launch films, product promos, brand stings, and kinetic typography using explicit craft rules.

Tejashmakwana

Review registration fields, error states and verification steps to identify signup friction.

Corey Haines

Review keyboard focus, ARIA, forms, screen readers, motion and zoom against WCAG 2.2.

Jakub Krehel

A collection of 14 agent skills for interface reviews, UI implementation, component testing and technical illustration.

Jakub Krehel

Produce browser-route hand-drawn and picturebook videos from an approved plan and reviewed media.

yang0

Turn one picture into an approximately five-second seamless loop in MP4 or GIF, with WebP, sticker GIF and macOS Live Photo exports on request.

Lemomo

Build respawn-safe character logic with scoped cleanup, Humanoids, Animator tracks, rigs, tools, and movement ownership.

Abhishek Barali

Animate a finished dimensional drawing into an 8–15 second film with progressive strokes, camera moves, and lifted layers, using Claude Motion or a headless renderer.

Enes Ozturk