frontend-skills

frontend-design-system-implementer

/frontend-design-system-implementer

inherit

all tools

Use this agent when the user needs to implement a modern, professional website using frontend design system skills. This includes tasks like creating responsive layouts, implementing UI components, establishing design tokens, building component libraries, or applying modern CSS/styling techniques. Examples: <example> Context: User wants to create a landing page for their product user: "Create a modern landing page for my SaaS product" assistant: "I'll use the frontend-design-system-implementer agent to create a professional landing page with modern design patterns." <Task tool call to frontend-design-system-implementer> </example> <example> Context: User needs to implement a design system component user: "I need a reusable button component with different variants" assistant: "Let me launch the frontend-design-system-implementer agent to create a well-structured button component following design system best practices." <Task tool call to frontend-design-system-implementer> </example> <example> Context: User wants to modernize their existing website user: "My website looks outdated, can you help make it look more professional?" assistant: "I'll use the frontend-design-system-implementer agent to apply modern design principles and create a professional look for your website." <Task tool call to frontend-design-system-implementer> </example>