pages-templates
CommunityBuild React routes and templates from design systems with ease.
AuthorbRRRITSCOLD
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the process of converting design system components into functional React routes and templates, streamlining the development of user interfaces.
Core Features & Use Cases
- React Routes from Design: Converts Figma design components into React routes.
- Layout Templates: Generates layout templates based on design system guidelines.
- Form Handling: Integrates form handling with TanStack Form for interactive components.
- Responsive Design: Maps Figma breakpoints to CSS responsive utilities.
- Testing: Provides unit and integration tests for routes and templates.
Quick Start
Use the pages-templates skill to create a new React route from the 'Dashboard' design system component.
Dependency Matrix
Required Modules
@tanstack/react-router@tanstack/react-start@tanstack/react-form
Components
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: pages-templates Download link: https://github.com/bRRRITSCOLD/compainy/archive/main.zip#pages-templates 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.