part-xii-frontend-ui
CommunityStandardize frontend UI development with best practices.
AuthorDivith123
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenges of maintaining consistency and accessibility in frontend user interfaces by providing a comprehensive set of standards and guidelines.
Core Features & Use Cases
- Routing Standards: Define consistent file naming conventions and type-safe route configurations.
- Type-Safe Route Parameters: Implement strict parameter validation and typed navigation.
- Nested Routes and Layouts: Compose nested routes and layouts for a structured UI.
- Route Loaders and Data Fetching: Handle loading states and errors with built-in router mechanisms.
- Query Patterns: Standardize query configurations, hooks, and mutation patterns.
- Infinite Queries and Pagination: Support infinite data loading for paginated content.
- Component Standards: Establish functional component requirements, composition patterns, and hook usage standards.
- Styling and CSS Rules: Implement Tailwind CSS for consistent styling and responsive design.
- Accessibility Requirements: Ensure compliance with WCAG 2.2 AA standards and ARIA implementation.
Quick Start
Activate the part-xii-frontend-ui skill to apply UI standards to your next project.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 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: part-xii-frontend-ui Download link: https://github.com/Divith123/agents-constitution/archive/main.zip#part-xii-frontend-ui 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 620,000+ vetted skills library on demand.