design-to-code-bridge
Installation
SKILL.md
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 |