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

Herramientas de Diseño

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

Acerca de

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.

Características Principales

Avoidance of generic 'AI slop' through intentional, bold aesthetic directions
Support for modern stacks including React 19, Next.js 15, and Tailwind v4
Implementation of W3C Design Tokens and Figma Variables for scalable design systems
Accessibility-first development ensuring WCAG 2.2 AA compliance and APCA contrast
Performance optimization focused on Core Web Vitals and enterprise patterns
0 GitHub stars

Casos de Uso

Creating multi-brand design systems with semantic token architectures and dark mode
Building distinctive SaaS dashboards with complex data visualization and analytics
Refactoring 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

Download Skill

GitHub