
π―9Skills
π―Skills9
π―pixel-perfect-uiπ―Skill
An autonomous workflow skill for converting Figma designs to production-ready, pixel-perfect React/Next.js implementations with iterative visual validation using Figma MCP and Playwright.
pixel-perfect-ui
π―stenciljs-component-developmentπ―Skill
A skill for building enterprise-ready web components with Stencil.js, covering component decorators, lifecycle methods, TypeScript conventions, Shadow DOM, and cross-framework distribution to React, Angular, and Vue.
stenciljs-component-development
π―stencil-atomic-design-systemπ―Skill
A skill for building scalable, themeable design systems using Stencil.js with Atomic Design methodology, featuring design tokens, slot-based composition patterns, and multi-client theming support for atoms, molecules, organisms, and templates.
stencil-atomic-design-system
π―storybook-story-writingπ―Skill
Skill
storybook-story-writing
π―figma-storybook-workflowπ―Skill
Skill
figma-storybook-workflow
π―pix-storybookπ―Skill
Skill
pix-storybook
π―carbon-iconsπ―Skill
Skill
carbon-icons
π―pixπ―Skill
Skill
pix
π―figma-illustration-importπ―Skill
Skill
figma-illustration-import