@talkdedsec/styles

CLI + MCP server for talkdedsec styles — pull AI-readable design systems straight into your coding agent. One TypeScript source per system → five portable formats: DESIGN.md, Tailwind v4 @theme, CSS variables, W3C design tokens, and a shadcn/ui theme.

Türkçe açıklama aşağıda.

English

MCP (recommended — connect your agent)

Register the MCP server so your agent (Claude Code, Cursor, Windsurf…) can search the gallery and fetch the right design system on its own:

claude mcp add tlk-styles -- npx -y @talkdedsec/styles mcp

For Cursor / Windsurf, add this to your MCP config:

{
  "mcpServers": {
    "tlk-styles": {
      "command": "npx",
      "args": ["-y", "@talkdedsec/styles", "mcp"]
    }
  }
}

Tools exposed

| Tool | What it does | | ------------------ | ---------------------------------------------------------- | | stil_listele | List every design system (slug, name, vibe, tags) | | stil_getir | Fetch a system in a chosen format | | stil_ara | Search the gallery by free text / tag | | referans_listele | List curated real-site references (filter by tag) | | referans_getir | One reference's metadata + extracted draft system (if any) |

CLI

# List all design systems
npx @talkdedsec/styles list

# Fetch one system (default format: design-md)
npx @talkdedsec/styles get neon-terminal --format tailwind

# Write straight into your repo
npx @talkdedsec/styles get gece-yarisi --format design-md --out DESIGN.md

# Search
npx @talkdedsec/styles search "dark fintech"

# Reference gallery
npx @talkdedsec/styles refs --etiket koyu

Install globally to drop the npx:

npm i -g @talkdedsec/styles
tlk-styles get menekse --format shadcn

Formats

design-md (compact, free) · design-md-extended (full doc, PRO) · tailwind · css · tokens · shadcn

Environment

| Variable | Default | Purpose | | ---------------- | ------------------------------- | ------------------------------------------------------------------------------- | | TLK_STYLES_URL | https://styles.talkdedsec.com | Base URL of the data API | | TLK_STYLES_KEY | (none) | PRO license key → sent as Authorization: Bearer, unlocks design-md-extended |

Türkçe

MCP (önerilen — ajanı bağla)

Ajanın (Claude Code, Cursor, Windsurf…) galeriyi kendisi arayıp doğru tasarım sistemini çekmesi için MCP sunucusunu kaydet:

claude mcp add tlk-styles -- npx -y @talkdedsec/styles mcp

Cursor / Windsurf için MCP yapılandırmasına ekle:

{
  "mcpServers": {
    "tlk-styles": {
      "command": "npx",
      "args": ["-y", "@talkdedsec/styles", "mcp"]
    }
  }
}

Sunulan araçlar: stil_listele, stil_getir, stil_ara, referans_listele, referans_getir.

CLI

npx @talkdedsec/styles list
npx @talkdedsec/styles get neon-terminal --format tailwind
npx @talkdedsec/styles get gece-yarisi --format design-md --out DESIGN.md
npx @talkdedsec/styles search "koyu fintech"
npx @talkdedsec/styles refs --etiket koyu

Formatlar

design-md (compact, ücretsiz) · design-md-extended (tam belge, PRO) · tailwind · css · tokens · shadcn

Ortam değişkenleri

• TLK_STYLES_URL — veri API'sinin taban adresi (varsayılan https://styles.talkdedsec.com).
• TLK_STYLES_KEY — PRO lisans anahtarı; Authorization: Bearer olarak gönderilir, design-md-extended formatını açar.

MIT © talkdedsec · styles.talkdedsec.com