design-to-code-bridge
Design-to-Code Bridge
Convert Figma designs into implementation-ready code using the Tiger Data website's component library, Tailwind CSS patterns, and Atomic Design conventions.
Source of Truth
The Tiger Data website repo is the source of truth for all design tokens, component APIs, and code conventions. Fetch these files from GitHub when you need current values:
| Reference | GitHub URL |
|---|---|
| Color palette | colors.js |
| Breakpoints | breakpoints.ts |
| Tailwind config | tailwind.config.ts |
| Text component props | Text types.ts |
| Button component props | Button types.ts |
| CTA text and URLs | constants.ts |
| Project patterns & conventions | README.md |
More from timescale/marketing-skills
competitor-alternatives
Plan and draft Tiger Data competitor comparison pages, alternative pages, and versus pages for SEO and product marketing. Use this skill when the user asks for a '[competitor] alternative' page, '[product] vs [competitor]' page, comparison content, migration page, or evaluation content that helps buyers understand how Tiger Data offerings compare to market alternatives. Also trigger for 'alternatives page,' 'comparison page,' 'competitive landing page,' 'how do we compare to X,' or 'competitor teardown.' For competitor monitoring and news, use competitive-intel-brief. For internal sales battlecards, this skill does not cover those.
3release
Cut a new release of the marketing-skills plugin. Only trigger when the user explicitly invokes /release.
2competitive-intel-brief
Monitor external competitor activity and produce a structured intelligence brief for the PMM team. Tracks product launches, pricing changes, messaging shifts, funding, and technical direction for competitors defined in product-marketing-context, using GitHub release feeds, web search, and Tiger Den context. Use when the user asks to check on competitors, run a competitive scan, generate a competitor update, or asks 'what are our competitors doing?' Also trigger for 'competitive brief', 'competitor update', 'competitor scan', 'competitive landscape', 'what did [competitor] do this week', or 'competitive intel.' For internal deal wins/losses with competitor context, see weekly-intel-digest. For community conversations mentioning competitors, see community-signal-digest.
2de-slop
Remove AI writing patterns ('slop') from text to make it sound natural and human-written. Use this skill when the user asks to 'de-slop', 'remove AI tells', 'remove LLM tells', 'make this sound less AI', 'make this sound less like an LLM', 'make this more human', 'clean up AI writing', 'fix the AI voice', 'fix the LLM voice', 'this sounds like ChatGPT', or 'this sounds like an LLM'. Also trigger when the user pastes text that is clearly AI-generated and asks for editing help, or when content-reviewer flags AI voice issues and the user asks to fix them. Do NOT trigger for general writing requests (use brand-voice-writer) or for content evaluation (use content-reviewer). This skill is specifically for taking existing text and stripping out the patterns that make it read like AI output.
2page-cro
Audit and improve conversion performance on Tiger Data marketing pages, including homepage, landing pages, pricing pages, feature pages, and blog posts. Use this skill when the user asks for CRO, landing page feedback, conversion advice, CTA improvements, hero rewrites, bounce or drop-off analysis, or wants recommendations based on Clarity exports, screenshots, or a live page URL. Also trigger when the user mentions 'conversion rate,' 'page performance,' 'why isn't this page converting,' 'CTA audit,' 'hero section feedback,' 'friction analysis,' 'landing page review,' or 'page optimization.' For signup or registration flow issues, use a dedicated signup-flow-cro skill if one exists. For production edits, hand off to website-content-editor or page-mockup-builder.
2content-reviewer
Evaluate marketing content drafts against Tiger Data's quality rubrics. Use this skill whenever someone asks to review, evaluate, critique, or give feedback on a blog post, article, white paper, tutorial, or any written marketing content. Also trigger when someone pastes a draft and asks 'how does this look?', 'is this ready?', 'what would you change?', or similar. If someone shares a draft and doesn't explicitly ask for a review but the content is clearly a work-in-progress, offer to run it through the rubric. This is the quality gate — use it before anything gets published.
2