portfolio-frontend-design
CommunityAutomate UI component creation, build faster with design system.
Authorplipowczan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the creation of consistent, visually appealing frontend components using the portfolio's established design language.
Core Features & Use Cases
- Design System: Create components with glassmorphism styling, green accent colors, and Framer Motion animations.
Core Features & Use Cases
- Component Templates: Generate React components with proper Tailwind CSS classes and animation variants.
- Use Case: You need to add a new testimonials section to the homepage. Use this Skill to generate the component with correct color palette, hover effects, and accessibility compliance.
- Visual Consistency: Ensure new components match the existing dark theme with green/cyan accents and network-inspired aesthetic.
Quick Start
Create a new glassmorphism card component for displaying client testimonials with proper gradient text and animation timing.
Quick Start
Generate a new section component for the portfolio homepage with proper animation variants and responsive design.
Dependency Matrix
Required Modules
None requiredComponents
assetsreferences
💻 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: portfolio-frontend-design Download link: https://github.com/plipowczan/portfolio/archive/main.zip#portfolio-frontend-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.