Star200+

Alternatives

Frontend Design alternatives for AI agents.

Compare similar skills by workflow fit, trust score, quality, GitHub adoption, maintenance, and install readiness.

Compare shortlistView Frontend Design

Current skill

Frontend Design

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

100
Quality
91
Trust
171K
Stars
#1

Taste Skill: Anti-Slop Frontend

Similarity 123Trust 92Excellent 100

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

79K starsAug 21, 2026 pushdesign-creativeCodexClaude Code
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontend
#2

Anthropic Brand Guidelines

Similarity 123Trust 88Excellent 100

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

171K starsAug 21, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills add anthropics/skills --skill brand-guidelines
#3

Web Design Guidelines

Similarity 123Trust 88Excellent 100

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

30K starsAug 21, 2026 pushdesign-creativeCodexClaude Code
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelines
#4

Figma Implement Design

Similarity 122Trust 86Excellent 100

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

25K starsJul 14, 2026 pushdesign-creativeCodexClaude Code
$ npx skills add openai/skills --skill figma-implement-design
#5

Emil Design Engineering

Similarity 121Trust 90Excellent 100

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

13K starsJul 11, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills@latest add emilkowalski/skills
#6

Canvas Design

Similarity 115Trust 87Excellent 100

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

171K starsAug 21, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills add anthropics/skills --skill canvas-design
#7

Apple Design

Similarity 114Trust 90Excellent 100

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.

18K starsJul 15, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills@latest add emilkowalski/skills
#8

Review Animations

Similarity 114Trust 90Excellent 100

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

18K starsJul 15, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills@latest add emilkowalski/skills
#9

Animation Vocabulary

Similarity 114Trust 90Excellent 100

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" โ†’ Pop in; "the iOS rubber-band scroll" โ†’ Rubber-banding). Use when the user asks "what's it called whenโ€ฆ", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.

17K starsJul 15, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills@latest add emilkowalski/skills
#10

Seedance 2.0 Prompt Writing

Similarity 110Trust 83Excellent 100

Write precise Seedance 2.0 prompts for multimodal video, camera movement, editing, music, and product storytelling.

2.9K starsFeb 18, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills add dexhunter/seedance2-skill --skill seedance-prompt-en
#11

Vox Director

Similarity 108Trust 82Excellent 100

Turn one topic into a narrated Vox-style paper-collage explainer or ad video, from script through captions.

1.4K starsAug 11, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills add Alisa0808/vox-director --skill vox-director
#12

Material Ui

Similarity 105Trust 90Excellent 100

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

98K starsJun 16, 2026 pushdesign-creativeJavaScriptDesign Systems
$ npx skills add mui/material-ui
#13

Daisyui

Similarity 105Trust 90Excellent 100

๐ŸŒผ ๐ŸŒผ ๐ŸŒผ ๐ŸŒผ ๐ŸŒผ โ€ƒThe most popular, free and open-source Tailwind CSS component library

41K starsJun 15, 2026 pushdesign-creativeSvelteDesign Systems
$ npx skills add saadeghi/daisyui
#14

Chakra Ui

Similarity 105Trust 88Excellent 100

Chakra UI is a component system for building SaaS products with speed โšก๏ธ

40K starsJun 11, 2026 pushdesign-creativeTypeScriptDesign Systems
$ npx skills add chakra-ui/chakra-ui
#15

System Design Primer

Similarity 104Trust 85Excellent 100

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

353K starsMar 20, 2026 pushdesign-creativePythonDesign Systems
$ npx skills add donnemartin/system-design-primer
#16

Css

Similarity 103Trust 88Excellent 100

Primer is GitHub's design system. This is the CSS implementation

13K starsJun 15, 2026 pushdesign-creativeSCSSDesign Systems
$ npx skills add primer/css

How to choose

When should you switch?

Use an alternative when it has a clearer install path, higher trust score, fresher maintenance, or better platform fit for your current agent stack. Keep Frontend Design if it already passes your workflow test and repository review.

Next step

Compare top candidates side by side

Open the compare page, test the install commands in a sandbox, and check each repository before using a skill in production.