frontend-engineer-ts
CommunityEffortlessly build React/TypeScript UIs, leveraging best practices for modern frontends.
AuthorMattJColes
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a structured approach to building modern React/TypeScript UIs, addressing common challenges in frontend development, and fostering best practices.
Core Features & Use Cases
- Pragmatic Architecture: Encourages feature-sliced app structure and server state management with react-query.
- Modern Tooling: Combines React 18+, Vite, Tailwind CSS, and server-side state management.
- Testing: Offers integration with Vitest, React Testing Library, and msw for comprehensive testing.
- Use Case: As a frontend engineer, use this Skill to streamline your UI development process, adhering to best practices and efficient tooling.
Quick Start
Use the frontend-engineer-ts skill to create a new feature slice for your React app, following the provided architecture and state management principles.
Dependency Matrix
Required Modules
reacttypescriptvitetailwindcssreact-queryreact-router
Components
scriptsreferences
💻 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: frontend-engineer-ts Download link: https://github.com/MattJColes/macols-configs/archive/main.zip#frontend-engineer-ts 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.