How does it manage accessibility?

The skill identifies necessary ARIA attributes and follows WCAG best practices to ensure all generated components are accessible to all users.

Does it handle mobile responsiveness?

Yes, Aichan follows mobile-first design principles and implements responsive breakpoints to ensure layouts work across all devices.

Can I use it with existing CSS-in-JS libraries?

Absolutely. It is proficient in Tailwind CSS, styled-components, and traditional CSS modules to match your existing styling stack.

What frontend frameworks are supported?

This skill supports all major modern frameworks including React, Vue, and Angular, adapting to your project's specific conventions.

Aichan Frontend Architect

Name: Aichan Frontend Architect
Author: seokan-jeong

byseokan-jeong

•

デザインツール

Develops high-quality, accessible, and responsive frontend components using modern frameworks and styling libraries.

The Aichan Frontend Architect skill is part of the Team Shinchan suite, designed to delegate complex UI tasks to a specialized agent. It streamlines the creation of production-grade components in React, Vue, or Angular while enforcing best practices for responsive design and WCAG accessibility. By leveraging Aichan, developers can automate the generation of clean, reusable code, from intricate Tailwind layouts to performance-optimized styling patterns, ensuring consistency across the entire frontend architecture.

主な機能

017 GitHub stars

02Mobile-first responsive layout implementation

03Automated WCAG and a11y accessibility compliance

04Performance optimization and bundle size management

05Multi-framework component generation (React, Vue, Angular)

06Utility-first styling with Tailwind CSS and CSS-in-JS

ユースケース

01Refactoring legacy CSS into modern, maintainable styling systems

02Converting static design requirements into responsive React code

03Building reusable component libraries from scratch

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add seokan-jeong/team-shinchan frontend

For use in Claude.ai and ChatGPT

Download Skill