css-styling-standards
CommunityAccessible CSS for Chuukese UI.
Authorfindinfinitelabs
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The CSS styling standards and best practices establish scalable, accessible, and multilingual-friendly frontend CSS systems for modern web interfaces.
Core Features & Use Cases
- Mobile-first, accessible CSS: Guidelines to ensure WCAG 2.1 AA compliance, multilingual typography, and consistent naming.
- Mantine Integration examples: Theme configuration and provider setup for React apps using Mantine v8.
- Use Case: A frontend engineer updates a Chuukese content page to meet accessibility and performance criteria, ensuring fonts render correctly and layout remains responsive.
Quick Start
Install Mantine in your React project, configure a theme.ts with a Chuukese-friendly font stack, wrap your app with MantineProvider, and apply the Chuukese text CSS class to content to ensure proper rendering.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: css-styling-standards Download link: https://github.com/findinfinitelabs/chuuk/archive/main.zip#css-styling-standards Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.