How to install the design plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add lovstudio/skills
/plugin install design@lovstudioWhat's inside design
11 parts read from the plugin's own files.
Skills 11
Claude loads it when the task matches- branding-consistency
Ensures audience-facing copy maintains brand voice, audience relevance, and component conventions across various digital surfaces.
- business-card
Generates professional, editorial-style business cards as high-resolution PNGs and interactive HTML files using headless Chrome.
- find-logo
Fetches, scores, and archives company logos from public sources like Clearbit and favicons into a local collection directory.
- frontend-design
Transforms requirements and existing interfaces into professional, interactive frontends including pages, components, navigation, and GSAP animations.
- gen-card
Renders structured JSON and images into high-definition editorial knowledge cards as self-contained HTML and PNG files.
- image-decorator
No description in the file.
- maintain-partners
No description in the file.
- mobile-infographic
No description in the file.
- professional-portrait
No description in the file.
- riso-portrait
No description in the file.
- spectacular-ps
No description in the file.
Using design in Claude Code
Skills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update design@lovstudio
- Refresh the marketplace
- /plugin marketplace update lovstudio
- Turn it off for now
- /plugin disable design@lovstudio
- Remove it
- /plugin uninstall design@lovstudio
Skills in design
- lov-branding-consistencylovstudio/skills
Ensures audience-facing copy maintains brand voice, audience relevance, and component conventions across various digital surfaces.
21 files72stars - lov-business-cardlovstudio/skills
Generates professional, editorial-style business cards as high-resolution PNGs and interactive HTML files using headless Chrome.
13 files72stars - lov-find-logolovstudio/skills
Fetches, scores, and archives company logos from public sources like Clearbit and favicons into a local collection directory.
6 files72stars - lov-gen-cardlovstudio/skills
Renders structured JSON and images into high-definition editorial knowledge cards as self-contained HTML and PNG files.
24 files72stars - lov-frontend-designlovstudio/skills
Transforms requirements and existing interfaces into professional, interactive frontends including pages, components, navigation, and GSAP animations.
28 files72stars
design plugin questions
How do I install the design plugin?
In Claude Code run /plugin marketplace add lovstudio/skills, then /plugin install design@lovstudio.
What does the design plugin include?
design bundles 11 skills.
How do I update or remove the design plugin?
Update it with claude plugin update design@lovstudio in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall design@lovstudio.