interactive-portfolio
This skill helps users build portfolios that are more than just a collection of work; they are interactive experiences d...
frontend-design
This skill allows an AI agent to act as a frontend designer-engineer, crafting memorable and high-craft interfaces that avoid generic "AI UI" patterns. It prioritizes intentional design systems over default frameworks, ensuring a clear aesthetic point of view and fully functional, production-ready code. The design intent is directly translated into code, resulting in visually memorable and cohesive user interfaces.
What It Does
Generates production-ready HTML/CSS/JS code for frontend interfaces based on a defined aesthetic direction and design principles.
When To Use
When building or styling web UIs, components, pages, dashboards, or frontend applications that require a distinctive and intentional visual identity.
Installation
Copy SKILL.md to your skills directoryRelated Skills You May Like
Discover more AI agent skills in the same category to enhance your workflow automation.
Scroll Experience Architect
Expert in crafting captivating scroll-driven web experiences. Specializes in parallax storytelling, scroll animations, i...
imagen
This skill leverages Google Gemini's image generation model (`gemini-3-pro-image-preview`) to create images based on tex...
figma-automation
Automate Figma operations through Composio's Figma toolkit via Rube MCP. This skill provides access to a comprehensive s...
frontend-developer
This skill empowers the AI agent to function as a highly skilled frontend developer specializing in React 19+, Next.js 1...
popup-cro
This skill helps you design high-converting, respectful interruption patterns for popups and modals. It focuses on strat...
Have a Skill to Share?
Join the community and help AI agents learn new capabilities. Submit your skill and reach thousands of developers.