Turn bookmarks into markdown for your agents
Turn X bookmarks, Chrome tabs + YouTube URLs into markdown for agents 🦞 ↗
home / skills / corlab-tech / skills
corlab-tech/skills
10 skills
GitHubSponsored
figma-d3-react-ts
corlab-tech/skills
This skill helps you build pixel-perfect D3 visualizations inside React/Next.js, matching Figma designs and validating visuals with Playwright.
carbon-icons
corlab-tech/skills
This skill ensures React components use Carbon Icons from @carbon/icons-react with proper sizing, color, alignment, and accessibility.
storybook-story-writing
corlab-tech/skills
Use when creating or modifying Storybook stories for components. Ensures stories follow CSF3 format, properly showcase component variations, and build successfully.
stencil-atomic-design-system
corlab-tech/skills
This skill helps you implement a scalable, themeable Stencil.js design system using Atomic Design and tokens for consistency.
pix
corlab-tech/skills
This skill launches an autonomous pixel-perfect UI implementation loop using Figma MCP and Claude Chrome extension to render exact designs.
pixel-perfect-ui
corlab-tech/skills
This skill converts Figma designs into production-ready Next.js components with pixel-perfect accuracy and automated visual validation.
figma-illustration-import
corlab-tech/skills
This skill helps you convert multi-layer Figma illustrations into reusable React atom components with assets, stories, and theme support.
pix-storybook
corlab-tech/skills
This skill creates pixel-perfect Stencil components from Figma using Storybook and Playwright MCP for automated visual testing.
stenciljs-component-development
corlab-tech/skills
This skill helps you develop Stencil.js web components following best practices, decorators, lifecycle methods, and TypeScript conventions for reliable,
figma-storybook-workflow
corlab-tech/skills
This skill translates Figma designs into pixel-perfect Storybook components, enforcing one-at-a-time extraction, exact dimensions, and iterative refinement