HEEEXY
SkillDesign

Interface Design

Design engineering for Claude Code (consistent UI). Open source (MIT), free to use.

Free Sign in to download free

How to use it

Install it with the open Skills CLI (needs Node.js), then restart your agent:

npx skills add Dammyjay93/interface-design
  1. Download the ZIP from this page and unzip it.
  2. Put the dammyjay93-interface-design folder in .claude/skills/ inside your project (or ~/.claude/skills/ for all projects).
  3. Restart Claude Code and call it with /dammyjay93-interface-design.

More for design

  • Canvas Design: Creates original static visuals such as posters and art pieces as PNG or PDF.
  • Theme Factory: Applies a matching color and font theme to decks, documents and web pages, or creates a new theme.
  • Brand Guidelines: Applies Anthropic's official brand colors and typography to artifacts, a good template for building your own brand skill.