frontend

Generate structured prompts and templates for frontend UI design and implementation tasks.

1|1|Updated Jan 16, 2026
One-click install
npx skills add https://github.com/Lynricsy/Oh-My-ClaudeCode --skill frontend-lynricsy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend
Source: https://github.com/Lynricsy/Oh-My-ClaudeCode/tree/main/skills/frontend
Command: npx skills add https://github.com/Lynricsy/Oh-My-ClaudeCode --skill frontend-lynricsy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend UI/UX tasks such as designing cohesive interfaces, implementing components, and maintaining consistent styling can be time-consuming. This skill provides a structured approach to accelerate UI delivery with best practices.

Core Features & Use Cases

  • Create reusable UI components with clear typography, spacing, and color systems.
  • Implement CSS, animations, and responsive layouts to ensure a polished user experience.
  • Review and optimize UI across desktops, tablets, and mobile devices.

Quick Start

Describe a UI task you want completed, for example build a responsive navigation bar with dark mode.

Frequently Asked Questions about frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build responsive UI components with a consistent design system?

You can implement responsive UI components by applying the structured prompts and templates that enforce consistent typography, spacing, and color systems for rapid interface creation. This approach ensures cohesive visual design and reusable component architecture across desktop and mobile devices.

What is the best way to structure CSS and animations for a responsive layout?

Structuring CSS and animations involves following the skill's defined workflow and standardized return values, which provide clear guidelines for styling and motion design. This ensures your responsive layouts and animations maintain a polished user experience across all device sizes.

Can I use this to review and optimize UI across desktop, tablet, and mobile devices?

Yes, you can review and optimize UI across desktop, tablet, and mobile devices using the skill's execution boundaries and guidelines. It evaluates responsive layouts and ensures a consistent, polished user experience on every screen size.

Do I need any external dependencies to create reusable frontend components?

No external dependencies are required to create reusable frontend components with this skill. It operates independently by supplying structured prompts, templates, and a defined workflow to guide the design and implementation process without relying on external libraries.

How does this approach handle UI reviews and ensure consistent results?

This approach handles UI reviews by specifying execution boundaries and standardized return values to ensure consistent results. It applies a reusable prompt format and a defined workflow that systematically checks styling, animations, and responsive layouts against established guidelines.