backstage-style-web
Backstage Style Web Generator
Overview
Create professional, enterprise-grade web applications using the Backstage Design System. This skill generates modern React applications with TypeScript, featuring comprehensive UI components, dark/light theme support, responsive design, and accessibility-first patterns. Perfect for building admin dashboards, developer tools, internal applications, and data management interfaces.
Backstage Design System Implementation Guide
Core Architecture Overview
The Backstage Design System is built on modern React patterns and industry-standard libraries:
Technology Stack
- React 18+ with TypeScript
- Radix UI Primitives for accessible, headless components
- Tailwind CSS for utility-first styling
- Class Variance Authority (CVA) for type-safe component variants
- React Hook Form with Zod validation
- Lucide React for consistent iconography
More from kuse-ai/kuse-skills
modern-web-design
Create modern, responsive websites with professional design systems. Generates complete HTML/CSS/JS websites with Tailwind CSS, modern animations, and mobile-first responsive design. Perfect for landing pages, portfolios, business sites, and SaaS applications.
103landing-page-creator
Create high-converting landing pages with optimized copy, structure, and design elements. Generates complete pages for lead generation, product launches, event registration, and sales campaigns with conversion-focused layouts.
103content-optimization
Optimize content for SEO, engagement, and conversion across multiple platforms. Analyzes content structure, readability, keyword density, and provides actionable recommendations for blog posts, landing pages, social media, and marketing materials.
29brand-voice-generator
Develop consistent brand voice and messaging guidelines for companies and personal brands. Creates tone, style, and communication frameworks that align with brand values and target audience preferences.
15ui-component-builder
Build reusable UI components with modern frameworks like React, Vue, and vanilla JavaScript. Creates accessible, responsive, and customizable interface elements including buttons, forms, modals, navigation, and complex widgets.
15ken-style-social-media
Generate authentic social media content in Ken's distinctive multilingual style - mixing Cantonese, English, and Traditional Chinese for personal branding, product promotion, and educational content. Perfect for creating viral posts that combine vulnerability, authority, and conversion optimization.
14