Frontend & Design · For designers

Create complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router.

victorgarciaesgi/nuxt-typed-router

Audits one product surface against its own design evidence and writes self-contained implementation plans for another agent, without touching product source.

ibelick/ui-skills

A skill your agent uses when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content.

VectifyAI/OpenKB

Write or revise a page under docs/ for gofastmcp.com. An agent skill from PrefectHQ/fastmcp.

PrefectHQ/fastmcp

Teaches the GSAP timeline API for sequencing animations: gsap.timeline(), the position parameter, labels, defaults, nesting and playback control.

greensock/gsap-skills

Paperclip UI design system guide for building consistent, reusable frontend components.

paperclipai/paperclip

Publish static HTML pages and asset folders to the Paperclip S3/CloudFront page host.

paperclipai/paperclip

Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.

yetone/kill-ai-slop

Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing.

addyosmani/web-quality-skills

Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.

crafter-station/petdex

Builds HTML stories where one continuous camera journey advances with page progress, using researched structure, AI stills, Seedance video clips and browser QA.

OpenSenseNova/SenseNova-Skills

Design system for Activepieces (open-source AI automation platform, "open source replacement for Zapier").

activepieces/activepieces

Generate math explanation videos (animated with Manim) and interactive web pages from a user's request.

GordenSun/mathVideoMaker

GSAP animation reference for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Audits existing UI animations against the transitions.dev motion-token scale and suggests tokens for duration, distance, scale, blur and easing.

Jakubantalik/transitions.dev

Anti-slop frontend skill for landing pages, portfolios, and redesigns.

caorushizi/oss-client

A skill your agent uses when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content AND wants a dark, high-tech, neon / glow /…

VectifyAI/OpenKB

Pushes an agent past generic defaults when designing dashboards, admin panels, SaaS apps and tools, with attention to structure, type, navigation and how data is shown.

holaboss-ai/holaOS

Knowledge of Fern's built-in MDX component library (accordions, callouts, cards, steps, tabs, code blocks, API-reference snippets, and more) for authoring docs pages.

ai-dynamo/dynamo

Create, validate, preview, and publish self-contained HTML artifacts.

latitude-dev/latitude-llm

Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js.

jasonkneen/tiny-world-builder

Maps published Figma components to their code implementations with Code Connect, using the Figma MCP suggestion and mapping tools.

warpdotdev/warp

Official daisyUI skill for Tailwind CSS projects, routing to install, usage, configuration, color and per-component guides before writing any HTML or JSX with its classes.

saadeghi/daisyui

Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages.

paperclipai/paperclip

Design, improve, and review interfaces for websites, apps, dashboards, and components: explore distinct design directions, compare styles side by side, and refine visual hierarchy against real…

oil-oil/oil-ui

Builds a reusable iPolloWork template for Design, Slides or PPT, or HyperFrames Video through conversation, keeping a manifest, reusable variables and a validated package current.

Devin-AXIS/iPolloWork

Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…

bitjaru/styleseed

Build, review, debug, reverse-engineer data sources for, and package FongMi/WebHome custom homepage single-file HTML.

webhtv/webhtv

Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

Galaxy-Dawn/claude-scholar

A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.

Castor6/tactus

Comprehensive web quality audit covering performance, accessibility, SEO, and best practices.

midudev/100cosas.dev

Audits a design against Dieter Rams' ten principles of good design, scores each with evidence, and hands off a make-plan prompt for a new, refined or redesigned outcome.

thedotmack/claude-mem

Build UI with the LobeHub design system — @lobehub/ui/base-ui, the controlled form at @lobehub/ui/base-ui/form, and the chat, mobile, dashboard, awesome, brand, mdx, and i18n namespaces, plus…

lobehub/lobe-ui

Design and build motion-first creative websites — page design (structure, type scale, palette, spacing) plus interaction choreography: scroll animation, Framer Motion, GSAP, and light 3D via…

feitangyuan/motion-web

A skill your agent uses to review a generated HTML deck or single-page artifact for visual quality and structural correctness.

VectifyAI/OpenKB

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.

Ohh-889/skyroc

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations…

Ohh-889/skyroc

High-fidelity HTML design and prototype creation. An agent skill from ZeroZ-lab/cc-design.

ZeroZ-lab/cc-design

Migrates React projects and components from Radix UI to Base UI.

TheOrcDev/youtube-to-blog

Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets.

bionic-gpt/bionic-gpt

Generate images using Google Gemini's image generation capabilities.

sanjay3290/ai-skills

Creates a new blank Figma design or FigJam file in your drafts folder through the Figma MCP server, resolving the plan key first when needed.

warpdotdev/warp

Scan every frontend surface touched by the current PR/branch for IBM Equal Access Level 1 accessibility issues and fix all in-scope violations by default.

langflow-ai/langflow

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

growupanand/ConvoForm

Searches more than 200 Iconify icon libraries and fetches icons as SVG from a command line tool or an MCP server.

dtsola/xiaoyaosearch

Manages UI Thing components, prose, blocks, themes, shortcuts, docs, and MCP-driven workflows in Nuxt projects and in the UI Thing source repo.

BayBreezy/ui-thing

Handle Hugo docs information-architecture moves: discover old vs new URLs, add front matter aliases (Phase 1), update in-repo links (Phase 2), interactive List 2 resolution and fragment validation…

docker/docs

Non-animation creative direction for HyperFrames videos. An agent skill from chmonitor/chmonitor.

chmonitor/chmonitor