motif — Cursor AI Agent
    Neura MarketNeura Market/Cursor
    ChatGPTChatGPTClaudeClaudeGeminiGeminiCursorCursorGrokGrokPerplexityPerplexityDeepSeekDeepSeek
    CoPilotCoPilotStable DiffusionStable DiffusionMidjourneyMidjourney
    View All Directories
    OverviewRulesPromptsMCPsAgentsGamesBlogVideosGuidesCoursesCommunityExtensionsTrending
    CursorAgentsmotif
    Back to Agents
    motif

    motif

    Khalid-Moukhtar April 7, 2026
    2 copies 0 downloads

    Pick a design system vibe and export tokens for your AI coding agent. One click to a Markdown, JSON, CSS, or Tailwind file - paste it into Claude or Cursor and go.

    motif

    Pick a design system vibe. Export design tokens for your AI coding agent.

    motif is a zero-configuration web tool for vibe coders and AI developers. Pick a layout context and a brand-inspired style, adjust colors and typography until it feels right, then export a complete design token file you can hand directly to Cursor, Cursor, or any AI coding agent.

    What it does

    1. Pick a layout -- Choose what you are building: SaaS app, landing page, blog, portfolio, e-commerce, docs, community, or mobile.
    2. Pick a style -- 10 brand-inspired presets: Stripe, Linear, Notion, Vercel, Airbnb, Apple, Spotify, Shopify, GitHub, or a blank custom canvas.
    3. Customize -- Adjust colors with a live preview. Fonts, spacing, and border radius use semantic sliders -- no raw CSS knowledge required.
    4. Export + paste -- Download as Markdown, JSON, CSS custom properties, or Tailwind config. Paste it into your AI agent. Done.

    Quickstart

    git clone https://github.com/Khalid-Moukhtar/motif.git
cd motif
pnpm install
pnpm dev

    Open the URL printed in your terminal.

    Requires Node.js 20+ and pnpm.

    Tech stack

    • Frontend: Vite 6 + React 18 + TypeScript
    • Styling: Vanilla CSS with CSS custom properties
    • Testing: Vitest v3 (47 tests)
    • Package manager: pnpm
    • No backend -- 100% client-side, no accounts
    • Analytics -- anonymous usage events via PostHog EU (no cookies, no personal data) — Privacy policy

    Export formats

    FormatFileUse case
    Markdowndesign_rules.mdPaste into Cursor, Cursor, or any AI agent
    JSONdesign_tokens.jsonDesign tools, code generators
    CSSvariables.cssDrop into any stylesheet
    Tailwind v3tailwind.config.jsTailwind CSS v3 projects
    Tailwind v4theme.cssTailwind CSS v4 projects

    Contributing

    See CONTRIBUTING.md for the workflow. All PRs must pass the full CI gate (type chec

    Tags

    aicssdesign-systemdesign-systemsdesign-tokensreacttailwindtailwind-csstailwindcsstypescript

    Comments

    More Agents

    View all
    Emuloagent-memory

    Emulo

    Mine your Claude Code and Codex logs into a local you.md agent profile.

    O
    ohad6k
    193
    Nyx Local Ailm-studio

    Nyx Local Ai

    Local-first AI coding agent for VS Code & Cursor. Ollama, LM Studio & your inference fleet. Cursor-grade agent UX — offline, private, zero token cost.

    S
    sthamann
    248
    Self Learning Skills

    Self Learning Skills

    A self-improving skill for AI coding agents (Claude Code, Cursor, AGENTS.md): recognize a hard-won golden path in a session and harvest it into a reusable skill/rule for next time.

    K
    Kulaxyz
    895
    FDEOpsagentic-ai

    FDEOps

    Second brain for Forward Deployed Engineers. Engagement memory + 35 skills across 6 domains, all behind one @fde... Works with any AI coding agent.

    S
    suboss87
    303
    Awesome Gamedev Agent Skillsagent-skills

    Awesome Gamedev Agent Skills

    Game-development Agent Skills for AI coding agents: install once and a master router loads the right skill for your engine and task. 66 original, version-pinned skills (plus a master router) in the portable SKILL.md format that runs across Claude Code, Cursor, Codex, Copilot, Gemini CLI and more, for Godot, Unity, Unreal, web and beyond.

    G
    gamedev-skills
    301
    Honey For Devsagents

    Honey For Devs

    Honey (I Shrunk the AI) by GreenPT: a cross-tool coding skill that cuts AI coding-agent token usage and LLM API costs — write less code, less prose, and denser agent-to-agent handoffs (−53%, lossless in benchmarks) with no loss of quality. Works with Claude Code, Cursor, GitHub Copilot, Codex, Gemini CLI, Windsurf, Cline & Kiro.

    G
    Green-PT
    177

    Stay up to date

    Get the latest Cursor prompts, rules, and resources delivered to your inbox weekly.

    Neura Market LogoNeura Market

    Discover the best AI prompts, plugins, and resources for Cursor and more.

    Content Types

    • Rules
    • Prompts
    • MCPs
    • Agents
    • Guides

    Platforms

    • ChatGPT Directory
    • Claude Directory
    • Gemini Directory
    • Cursor Directory
    • Grok Directory
    • Perplexity Directory
    • DeepSeek Directory
    • CoPilot Directory
    • Stable Diffusion Directory
    • Midjourney Directory
    • All Directories

    Resources

    • Blog
    • Documentation
    • Help Center
    • Marketplace

    Legal

    • Privacy Policy
    • Terms of Service

    © 2026 Neura Market. All rights reserved.

    |

    Not affiliated with any AI platform vendors.

    Neura Market

    Custom AI Systems & Services

    Our team of experienced AI builders will help build custom AI systems, workflows, and solutions for your business.

    Request custom work

    Ready-made automations for this

    Workflows from the Neura Market marketplace related to this Cursor resource

    • Automate Shopify SEO Content Creation with GPT-4 & Claude Multi-Agent Systemn8n · $24.99 · Related topic
    • Generate XML System Messages for AI Agents Using Claude 4 Sonnetn8n · $9.99 · Related topic
    • Multi-Service Task Automation with AI-Powered Agent System via WhatsAppn8n · $24.99 · Related topic
    • Automate Sales Operations with AI-Driven Multi-Agent Systemn8n · $14.99 · Related topic
    Browse all workflows