website-design
OfficialMaintain and extend the In Parallel website.
Authorin-parallel-oy
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures that all updates and additions to the In Parallel marketing website maintain design consistency and adhere to the established design system.
Core Features & Use Cases
- Design System Adherence: Enforces the use of predefined design tokens for colors, typography, spacing, and motion.
- Component Integration: Guides the creation and modification of new sections and pages using existing patterns and templates.
- Visual Verification: Facilitates comparison against the live site using Playwright for accurate visual alignment.
- Use Case: When adding a new testimonial section to the homepage, this Skill ensures the section uses the correct background color, typography, card styling, and scroll animations as defined in the design system.
Quick Start
Use the website-design skill to add a new section to the homepage.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: website-design Download link: https://github.com/in-parallel-oy/narayan-web/archive/main.zip#website-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.