topskills
Browse Skills

By use case

Top Frontend & UI Design Skills

Distinctive UI generation, design systems, brand guidelines, and theming for production-grade frontends.

13 skills indexed · ranked by composite score

Ranked by score

Best Frontend & UI Skills

Skills that do frontend & ui well — ranked transparently.

1
Official

Escape generic AI-generated UIs. Forces a bold, distinctive design direction before any code is written.

ReactTailwindDesign
All surfaces
2
Official

Self-contained HTML artifacts with React + shadcn/ui — no build step, just paste and run.

Reactshadcn/uiArtifacts
All surfaces
3
Verified

Tailwind that scales. Token mapping, responsive variants, dark mode, plugins.

TailwindCSSTokens
Code
4
Verified

Shopify Storefront API: cart, checkout, metafields, customer accounts, Hydrogen patterns.

ShopifyCommerceHydrogen
Code
5
Official

Single seed prompt → cohesive token system. Tokens that look intentional, not generated.

TokensDesign systemTheming
All surfaces
6
Verified

100+ accessibility and UX rules from Vercel, applied as a structural audit on your UI code.

A11yUXAudit
Code
7
Verified

57 React/Next.js performance rules, applied as a structural review on your code.

ReactNext.jsPerformance
Code
8
Verified

shadcn/ui context: components, patterns, and the right composition by default.

shadcnComponents
Code
9
Verified

Next.js App Router by the book. Server components, streaming, parallel routes.

Next.jsReactApp Router
Code
10
Official

Lock generated UIs to a brand. Anthropic's own guidelines, formalized as a skill.

BrandGuidelinesIdentity
All surfaces
11
Verified

Boolean prop hell → compound components. Cleaner React component APIs by construction.

ReactPatternsAPI design
Code
12
Verified

Expo workflows: navigation, EAS, OTA, native modules.

ExpoReact NativeEAS
Code
13
Community

Favicons, app icons, social cards — generated at all the right sizes.

FaviconsIconsOG
Code

Other categories

Browse other use cases

Document ProcessingCode Quality & ReviewTesting & QASecurity & AuditingDevOps & InfrastructureBrowser & Web AutomationData & AnalyticsMarketing & GrowthSEO & ContentVideo & MediaDiagrams & VisualizationAI/ML & Agent ToolingDatabases & SchemasCommunication & DocsWorkflow OrchestrationDomains & DNSWeb Hosting & DeploysPayments & BillingEmail & MessagingAPIs & Integrations