🎯

component-architecture

🎯Skill

from sanky369/vibe-building-skills

What it does

A component architecture skill from Vibe Building Skills, providing development skills for vibe coding and AI-assisted building.

📦

Same repository

sanky369/vibe-building-skills(34 items)

component-architecture

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add sanky369/vibe-building-skills --skill component-architecture

skills.sh Install⚠ Installs to .agents/skills/

npx skills add sanky369/vibe-building-skills --skill component-architecture

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/component-architecture/SKILL.md

SKILL.md

41Installs

Last UpdatedJan 21, 2026

View on GitHub Back to Skills

More from this repository10

🎯

social-graphics🎯Skill

A system of 32 Claude skills for building digital products, covering marketing, creative asset generation with AI, and frontend design excellence with automation tools.

🎯

direct-response-copy🎯Skill

Crafts direct response copywriting with compelling headlines, CTAs, and conversion-focused messaging, from Vibe Building Skills, a system of 32 Claude skills for building world-class digital products.

🎯

tweet-writer🎯Skill

A system of 32 Claude skills for building digital products, covering marketing, creative asset generation with AI, and frontend design excellence with automation tools.

🎯

typography-system🎯Skill

A system of 32 Claude skills for building digital products, covering marketing, creative asset generation with AI, and frontend design excellence with automation tools.

🎯

remotion-script-writer🎯Skill

A system of 32 Claude skills for building digital products, covering marketing, creative asset generation with AI, and frontend design excellence with automation tools.

🎯

product-video🎯Skill

A system of 32 Claude Skills for building digital products, comprising 10 marketing skills (direct response, SEO, email sequences), 8 creative skills (AI image generation with nanobanana pro, Remotion scripts), and 13 frontend design skills (design systems, accessibility, performance).

🎯

color-system🎯Skill

Defines and manages design color systems for consistent theming and accessibility, from Vibe Building Skills, a system of 32 Claude Skills for building world-class digital products.

🎯

image-generation🎯Skill

Image generation skill for creating visuals, illustrations, and graphics using AI image generation tools and prompts.

🎯

brand-asset🎯Skill

Brand asset creation skill for generating logos, color palettes, typography systems, and brand identity guidelines.

🎯

interaction-physics🎯Skill

A comprehensive system of 32 Claude skills for building digital products, covering marketing strategy (10 skills), creative asset generation (8 skills), and frontend design excellence (13 skills) with FAL.ai automation.