# frontend-skill

> Build pages, components, layouts, and styling for web applications. Use for creating responsive and maintainable frontend systems.

- Author: sadiaism
- Repository: sadiaism/hackathone2-todo_phaseIV
- Version: 20260208211839
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-08
- Source: https://github.com/sadiaism/hackathone2-todo_phaseIV
- Web: https://mule.run/skillshub/@@sadiaism/hackathone2-todo_phaseIV~frontend-skill:20260208211839

---

---
name: frontend-skill
description: Build pages, components, layouts, and styling for web applications. Use for creating responsive and maintainable frontend systems.
---

# Frontend Skill

## Instructions

1. **Page & Layout Structure**
   - Define page layouts with clear hierarchy
   - Use grids, flexbox, or CSS frameworks for responsiveness
   - Organize components for reusability

2. **Components**
   - Build modular and reusable UI components
   - Handle component props and state effectively
   - Ensure accessibility (ARIA attributes, keyboard navigation)

3. **Styling**
   - Apply consistent styling using CSS, Tailwind, or CSS-in-JS
   - Use themes, variables, and design tokens for consistency
   - Optimize for responsive design across devices

## Best Practices
- Keep components small and focused
- Follow consistent naming conventions
- Prioritize performance and minimal re-renders
- Test UI on multiple screen sizes
- Maintain clean, readable, and modular code