home / skills / corlab-tech

corlab-tech skills

Find 10 skills from 1 repo created by corlab-tech on GitHub.

1 repo
10 skills
GitHub

Sponsored

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