frontend-design skills

54 tagged frontend-design, measured the same way as everything else here.

Browse within: marketing-automation 39prompt-engineering 39design-system 22skills 18ai-coding 9claude-code-plugin 9

qiaomu-design

01

joeseesun/qiaomu-design

Skill Claude CodeCodex

A design review and redesign guide that combines product reasoning, visual design references, interaction patterns, and engineering checks for user interfaces.

not rated 588 +5 changed 7d ago A 202 tokens original MIT

frontend-design

02

Ilm-Alan/frontend-design

Skill Claude CodeCodex

Build a frontend with a deliberate visual direction held through palette, typography, structure, and texture, with on-screen strings that name real information rather than fabricated demo data or filler labels. Use when building or restyling a frontend.

not rated 146 +6 24d ago A 49 tokens original MIT

original-design

03

sanky369/vibe-building-skills

Skill Claude CodeCodex

Facilitates an interactive session that turns a product or subject into an original, internally consistent visual design language for any artifact — infographics, video storyboards, websites, or mobile app UI/UX. Use when the user wants an original design language, identity, or art direction, or when a design feels…

not rated 31 3mo ago A 153 tokens original MIT

Brand

04

b1rdmania/claude-brand-skills

Skill Claude CodeCodex

Complete brand development system with emotive foundation. Triggers on requests for brand identity, logos, visual systems, or design guidelines. Creates distinctive, anti-AI-slop design from strategy through delivery.

not rated 25 7mo ago A 42 tokens

claude-api

05

adryanmoldokkr32-pixel/anthropics-skills

Skill Claude CodeCodex

Build, debug, and optimize Claude API / Anthropic SDK apps. Apps built with this skill should include prompt caching. TRIGGER when: code imports anthropic/@anthropic-ai/sdk; user asks to use the Claude API, Anthropic SDKs, or Managed Agents (/v1/agents, /v1/sessions, /v1/environments). DO NOT TRIGGER when: code…

not rated 11 5mo ago A 0 tokens

replica

06

Surya17155/Replica

Skill Claude CodeCodex

Use when the user uploads a screenshot of a hero section or landing page (or a URL/description of one) and wants a copy-paste-ready developer prompt to recreate it exactly in a tool like Lovable, Bolt, Replit, or Cursor. Produces prompts with exact hex colors, Tailwind classes, animation timing tuples, and component…

not rated 9 3mo ago A 78 tokens original MIT

shipwright

07

saadjangda/shipwright

Skill Claude CodeCodex

The only skill you need to build and ship world-class software — from idea to production. Covers the COMPLETE lifecycle: architecture design, domain modeling, service boundaries, data architecture, implementation with TDD, distinctive frontend design (anti-AI-slop), exhaustive QA across all layers, security hardening…

not rated 6 7mo ago A 189 tokens original MIT

web-taste

08

lllkn/web-taste

Skill Codex

Learn transferable design relationships from reference webpages, visualize evidence, remember explicitly approved preferences, and apply relevant taste memory to interfaces. Use for learning a reference site's visual system or designing with previously saved taste. Ordinary frontend implementation or component…

not rated 6 changed 15d ago A 61 tokens original MIT

cyber_fantasy_ui

09

isdou/aoleme-ui-skill

Skill Claude Code

Generate dark neon cyber-fantasy dashboards, glassmorphism surfaces, and gamified React and Tailwind UIs.

not rated 4 1mo ago A 31 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: