Publish a Style

Design skills are published as npm packages under the @agentdrip scope (or your own scope).

1. Scaffold your package

mkdir my-style && cd my-style
npm init -y

2. Add your files

Package structure:

my-style/ ├── package.json ├── skill.md # Your design skill file ├── skin.css # Website skin CSS ├── previews/ │ └── landing.html # Preview page └── README.md

3. Configure package.json

{
  "name": "@agentdrip/my-style",
  "version": "1.0.0",
  "description": "A brief description of your style",
  "keywords": ["agentdrip", "design-skill"],
  "agentdrip": {
    "type": "design-skill",
    "slug": "my-style",
    "displayName": "My Style",
    "philosophy": "One sentence about your design philosophy",
    "tags": ["modern", "clean", "minimal"],
    "colors": {
      "bg": "#FFFFFF",
      "fg": "#000000",
      "accent": "#6366F1"
    },
    "fonts": ["Inter"]
  },
  "files": ["skill.md", "skin.css", "previews/"]
}

4. Publish

npm publish --access public

Your style will be automatically indexed and appear on AgentDrip within minutes. We discover packages by the agentdrip and design-skill keywords.

5. Fork an existing style

# Install the style you want to fork
npm install @agentdrip/brutalist

# Copy its files to your package
cp node_modules/@agentdrip/brutalist/skill.md ./skill.md
cp node_modules/@agentdrip/brutalist/skin.css ./skin.css

# Modify and publish under your scope
npm publish --access public

Need help writing a skill file? Browse existing styles for examples, or check the documentation.