skills.rest
seokan-jeong
seokan-jeongCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

team-shinchan:frontend

Automate frontend task delivery for UI components, styling, and accessibility in React, Vue, or HTML/CSS.

8|2|Updated Feb 3, 2026
Search Tags:#ui#accessibility#frontend#react#css#components#styling
One-click install
npx skills add https://github.com/seokan-jeong/team-shinchan --skill team-shinchan-frontend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: team-shinchan:frontend
Source: https://github.com/seokan-jeong/team-shinchan/tree/main/skills/frontend
Command: npx skills add https://github.com/seokan-jeong/team-shinchan --skill team-shinchan-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend teams often struggle to ensure consistent UI/UX across projects, frameworks, and styling conventions. This Skill provides a guided, rules-based toolkit for handling frontend requests with Aichan, improving repeatability, accessibility, and visual quality.

Core Features & Use Cases

  • Automated UI component scaffolding and guidance for React, Vue, or plain HTML/CSS projects
  • Consistent styling recommendations, design tokens, and responsive patterns
  • Accessibility checks and best practices integrated into component design
  • Use Case: Transform a rough UI idea into a reusable component with CSS and ARIA attributes

Quick Start

Describe your frontend task in one sentence, including the UI goal, framework, styling, and accessibility constraints, and let the AI generate a ready-to-implement component

Frequently Asked Questions about team-shinchan:frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate accessible React components with proper ARIA attributes?▼

You can generate accessible React components by describing the UI goal, styling, and accessibility constraints, which produces reusable components with enforced ARIA attributes and clear implementation guidance.

Can I use this to scaffold UI components for Vue and plain HTML/CSS projects?▼

Yes, UI component scaffolding supports Vue and plain HTML/CSS projects alongside React, applying consistent styling recommendations, design tokens, and responsive patterns across all frameworks.

What is the best way to ensure consistent frontend styling across different frameworks?▼

Consistent frontend styling across frameworks is achieved through rules-based styling recommendations and design tokens that enforce project conventions and cross-framework compatibility for React, Vue, and HTML/CSS.

How do I turn a rough UI idea into a reusable component with responsive CSS?▼

Transform a rough UI idea into a reusable component by stating the UI goal and framework in one sentence, generating ready-to-implement code with responsive styling patterns and accessibility attributes.

Does this frontend automation tool enforce project conventions for component design?▼

Yes, the frontend automation enforces project conventions by following existing rules to produce reusable components, integrate accessibility best practices, and provide implementation guidance with clear comments.

Related Skills

Explore More Software Engineering Skills→
magic3007magic3007
10

frontend-design

Translate frontend requirements into production-ready UI with code samples.

Community
Advanced
wzyxdwllwzyxdwll
14

normalize

Align UI components to design-system spacing, tokens and patterns across pages, routes and components.

Community
Advanced
jac007xjac007x

design-system-validator

Audit Walmart design-system compliance across tokens, components, and spacing.

Community
Advanced
Lyiu-10Lyiu-10

tailwind-css-patterns

Apply Tailwind CSS v4.1+ utility classes for responsive, dark mode-supported component styling.

Community
Intermediate