Best Design & frontend agent skills, page 3

Hallmark

Nutlope/hallmark

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots.

Chro Advisor

alirezarezvani/claude-skills

People leadership for scaling companies. Hiring strategy, compensation design, org structure, culture, and retention.

Cmo Advisor

alirezarezvani/claude-skills

Marketing leadership for scaling companies.

Huashu Design

alchaincyf/huashu-design

花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选（指定风格/品牌也不豁免），选定后才执行。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。.

Dse Loop

wanshuiyin/Auto-claude-code-research-in-sleep

Autonomous design space exploration loop for computer architecture and EDA.

Brand Guidelines

composio-community/awesome-codex-skills

Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel.

Gsap Core

greensock/gsap-skills

Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion).

Gsap Scrolltrigger

greensock/gsap-skills

Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers.

Gsap Performance

greensock/gsap-skills

Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching.

Gsap Timeline

greensock/gsap-skills

Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback.

Gsap React

greensock/gsap-skills

Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup.

Gsap Frameworks

greensock/gsap-skills

Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount.

Gpt Image 2

ConardLi/garden-skills

面向 GPT Image 2 的图像生成 / 编辑技能。可在 3 种环境下使用：(A) Garden 本地模式，通过 OpenAI 兼容接口直接出图并落盘；(B) Host-Native 模式，把本 Skill 当作提示词工程指引，把渲染好的 prompt 交给宿主 Agent 自带的图像工具出图；(C) Advisor 模式，宿主无任何图像工具时退化为高质量 prompt 顾问。涵盖 18…

Web Design Engineer

ConardLi/garden-skills

Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations.

Ask User Question

MemTensor/MemOS

Ask users questions via the UI. Use when you need clarification, user preferences, or confirmation before proceeding.

Video Shotcraft

Vincentwei1021/video-shotcraft

Create cinematic product videos from shot recipe cards, a validated template, and code/audio assets (Remotion + real page screenshots + 2.5D camera moves + beat-synced cuts + sound design).

Gsd AI Integration Phase

open-gsd/gsd-core

Generate an AI-SPEC.md design contract for phases that involve building AI systems.

Create Design Md

ibelick/ui-skills

Create or update a DESIGN.md from an existing product repository or public website.

Fixing Motion Performance

ibelick/ui-skills

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects.

Improve UI

ibelick/ui-skills

Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent.

Plannotator Annotate

backnotprop/plannotator

Open Plannotator's annotation UI for a file, folder, or URL, then address the returned annotations.

Plannotator Review

backnotprop/plannotator

Open Plannotator's browser-based code review UI and address the returned feedback.

Design Md

google-labs-code/stitch-skills

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files.

Enhance Prompt

google-labs-code/stitch-skills

Transforms vague UI ideas into polished, Stitch-optimized prompts.

Shadcn UI

google-labs-code/stitch-skills

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

Stitch Code To Design

google-labs-code/stitch-skills

Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload.

Stitch React Native

google-labs-code/stitch-skills

Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.

Figure Designer

HKUSTDial/Supervisor-Skills

Advises on the design of the three core figures in a technical paper: the Motivated Example (Figure 1), the Solution Overview (Methodology), and the Experimental Results figures.

Gpt Image 2 Prompt Engine

anbeime/skill

面向电商设计师、海报美工、品牌视觉、UI设计师、信息图编辑、商业摄影师、内容创作者等需要高质量可控出图的角色，在需要用 GPT-Image-2 生成电商主图、电影海报、信息图、品牌视觉、UI截图、古籍国风、角色IP等场景时，通过「Prompt as Code」原子化Schema+20+工业JSON模板+四步工作流，产出结构化、可复用、可批量的生图提示词，再调用 image_generation…

Better UI

jakubkrehel/skills

Polishes the surfaces, icons and motion in your project with exact values for border radius, optical alignment, shadows, icon states and animation.

Better Accessibility

jakubkrehel/skills

Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom in your project against WCAG 2.2.

Better Typography

jakubkrehel/skills

Sets and reviews how text renders in your product, from the type scale and spacing to font features, wrapping, truncation and punctuation.

Interface Review

jakubkrehel/skills

Reviews a branch, pull request or uncommitted change for the interface problems it introduced or regressed, across accessibility, layout, writing, typography, color and UI.

App Store Screenshots

ParthJadhav/app-store-screenshots

Use when building App Store or Google Play screenshot pages, generating exportable marketing screenshots for iOS, macOS, and/or Android apps, or scaffolding a screenshot editor with Next.js.

UI

tw93/Waza

Produces distinctive production UI and screenshot-grounded visual polish.

Build Daily Inspiration Sites

MengTo/Skills

Turn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites.

Daily UI Inspiration Capture

MengTo/Skills

Create a recurring daily UI inspiration capture.

Dflow Phantom Connect

internet-court/internet-court-skill

Build Solana wallet-connected apps with Phantom Connect SDKs and DFlow spot trading.

Frontend Design

ThinkInAIXYZ/deepchat

Create distinctive, production-grade frontend interfaces with high design quality.

Nuxt

antfu/skills

Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing.

Pinia

antfu/skills

Pinia official Vue state management library, type-safe and extensible.

Unocss

antfu/skills

UnoCSS instant atomic CSS engine, superset of Tailwind CSS.

Get Prompt From Image

wuyoscar/GPT-Image2-Skill

Analyze user-provided reference images and reverse-engineer high-fidelity AI image-generation prompts.

Gpt Image

wuyoscar/GPT-Image2-Skill

Generate or edit images with GPT Image 2 or 2.5 through the packaged CLI and Reference Gallery.

Use Igniteui Blazor

dotnet/skills

Add, configure, or review Ignite UI for Blazor Lite component support in Blazor applications.

Design Control Loop

humanlayer/skills

interview the user to design an agentic control loop (sensor, controller, actuator under disturbances) tailored to their codebase, then build it as locally-runnable components plus a scheduled…

Narrow React Prop Types

humanlayer/skills

narrow React component prop types to match live code paths.

Formkit

formkit/formkit

Use when working with FormKit forms, validation, schema, or custom inputs in React, Vue, or Nuxt projects.