corlab-tech/skills

1

pixel-perfect-ui Autonomous pixel-perfect UI implementation loop for Next.js/React using Figma MCP and Playwright. Converts Figma desi…

corlab-tech/skills

172

2

stenciljs-component-development Use when creating or modifying Stencil.js web components. Ensures components follow Stencil best practices, proper de…

corlab-tech/skills

81

3

stencil-atomic-design-system Use when building a Stencil.js design system with Atomic Design methodology, design tokens, theming support, and slot…

corlab-tech/skills

33

4

rigorous Use when the user wants to design, plan, write, review, refactor, test, debug, optimize, harden, or otherwise improve…

corlab-tech/skills

19

5

storybook-story-writing Use when creating or modifying Storybook stories for components. Ensures stories follow CSF3 format, properly showcas…

corlab-tech/skills

11

6

pix-storybook Autonomous pixel-perfect Stencil component implementation using Figma MCP, Storybook, and Playwright MCP for visual t…

corlab-tech/skills

10

7

figma-storybook-workflow STRICT pixel-perfect Figma to Storybook workflow with ENFORCED extraction and iterative component implementation. MAN…

corlab-tech/skills

9

8

carbon-icons Carbon Design System icon usage for React components. MANDATORY when any component includes an icon. Use when impleme…

corlab-tech/skills

7

9

pix Launches an autonomous, pixel-perfect UI implementation loop using Figma MCP and Chrome.

corlab-tech/skills

6

10

figma-illustration-import Import vector illustrations from Figma as reusable React atom components. Use when a component or page needs a custom…

corlab-tech/skills

5

11

taskloop Autonomous task-execution loop that pulls actionable issues from a task tracker (Linear, Jira, Plane, or GitHub Issue…

corlab-tech/skills

4

12

figma-d3-react-ts D3.js data visualization in React/Next.js components with PIXEL-PERFECT Figma matching. Use when building interactive…

corlab-tech/skills

3