Does it support the latest frontend frameworks?

Yes, it is optimized for the 2025 landscape including React 19, Next.js 15, Vue 3.5, Svelte 5, and Tailwind CSS v4.

How does this skill avoid 'AI slop'?

It follows specific, intentional aesthetic directions and utilizes modern font/color palettes rather than defaulting to overused AI patterns like Inter typography or generic purple gradients.

Can it handle complex accessibility requirements?

Absolutely. It targets WCAG 2.2 AA compliance as a baseline, utilizing semantic HTML, proper ARIA roles, and APCA for perceptual contrast accuracy.

How does it manage design systems?

It implements the W3C Design Tokens (DTCG) format to create scalable, multi-brand token architectures that can integrate directly with Figma Variables.

Enterprise Frontend Design

Name: Enterprise Frontend Design
Author: Brmbobo

byBrmbobo

0•

デザインツール

Generates distinctive, production-grade frontend interfaces and design systems with a focus on bold aesthetics and enterprise-ready architecture.

This skill transforms Claude into an elite frontend architect capable of delivering high-performance web applications that deliberately avoid generic 'AI slop' aesthetics. It integrates modern industry standards like W3C Design Tokens, Figma Variables, and WCAG 2.2 AA compliance while supporting cutting-edge frameworks such as React 19, Next.js 15, and Tailwind v4. Whether you are building a multi-brand design system or a complex SaaS dashboard, this agent ensures code quality through iterative refinement, intentional typography, and performance-optimized enterprise patterns.

主な機能

01Avoidance of generic 'AI slop' through intentional, bold aesthetic directions

02Support for modern stacks including React 19, Next.js 15, and Tailwind v4

03Implementation of W3C Design Tokens and Figma Variables for scalable design systems

04Accessibility-first development ensuring WCAG 2.2 AA compliance and APCA contrast

05Performance optimization focused on Core Web Vitals and enterprise patterns

060 GitHub stars

ユースケース

01Creating multi-brand design systems with semantic token architectures and dark mode

02Building distinctive SaaS dashboards with complex data visualization and analytics

03Refactoring existing web components for high-level accessibility and mobile responsiveness

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add brmbobo/web2podcast enterprise-frontend-design

For use in Claude.ai and ChatGPT

主な機能

01Avoidance of generic 'AI slop' through intentional, bold aesthetic directions

02Support for modern stacks including React 19, Next.js 15, and Tailwind v4

03Implementation of W3C Design Tokens and Figma Variables for scalable design systems

04Accessibility-first development ensuring WCAG 2.2 AA compliance and APCA contrast

05Performance optimization focused on Core Web Vitals and enterprise patterns

060 GitHub stars

ユースケース

01Creating multi-brand design systems with semantic token architectures and dark mode

02Building distinctive SaaS dashboards with complex data visualization and analytics

03Refactoring existing web components for high-level accessibility and mobile responsiveness