PMDS
Official@pmdevsolutions · United States of America
Offers specialized engineering services for converting design specifications into production-ready WordPress FSE themes and React component libraries.
Agent Skills by PMDS
Showing 34 vetted skills indexed across 2 GitHub repositories.
PMDevSolutionsreact-testing-workflows
Configure Vitest, Playwright, Storybook, and MSW testing workflows for React TypeScript applications.
PMDevSolutionstdd-from-figma
Generate failing test files from Figma design specifications.
PMDevSolutionsdesign-token-lock
Extract design values from Figma files into a versioned lockfile.
PMDevSolutionscanva-intake
Extract design structure and content from Canva URLs into build-spec.json.
PMDevSolutionsanimation-motion
Provide reusable React animation patterns with accessibility and performance guardrails.
PMDevSolutionsdesign-brief-to-figma
Convert design briefs into Figma files via HTML mockups and the Figma MCP.
PMDevSolutionsscreenshot-intake
Convert website screenshots or live URLs into structured build specifications.
PMDevSolutionscanva-token-inference
Extract design tokens from Canva screenshots and generate Tailwind or NativeWind configs.
PMDevSolutionsreact-accessibility
Implement WCAG 2.2 Level AA accessible patterns in React applications.
PMDevSolutionse2e-test-generator
Generate Playwright end-to-end test suites for web apps, Chrome extensions, and PWAs.
PMDevSolutionsreact-performance-optimization
Profile React rendering and optimize bundle size and Core Web Vitals.
PMDevSolutionsexport-design-system
Convert generated design assets into publishable pnpm workspaces with Changesets versioning support.
PMDevSolutionsfigma-to-react-workflow
Convert Figma designs into tested React components with design tokens.
PMDevSolutionsreact-component-development
Standardize React component development with TypeScript, Tailwind CSS, and state management.
PMDevSolutionsstate-management
Guide React state management with tool selection and implementation patterns.
PMDevSolutionsfigma-intake
Extract Figma file structure, design tokens, and component inventories into build-spec.json.
PMDevSolutionsindesign-conversion
Convert InDesign IDML and PDF files into typed React components and design tokens.
PMDevSolutionsseo-metadata
Implements SEO metadata, structured data, JSON-LD schema markup and sitemap configurations for React applications.
PMDevSolutionsstorybook-story-generation
Generate CSF3 Storybook stories and MDX autodocs from React component source.
PMDevSolutionsform-handling
Build type-safe React forms with Zod validation and React Hook Form.
PMDevSolutionsconversation-intake
Converts unstructured app descriptions into standardized build-spec.json and design-brief.json files for automated workflows.
PMDevSolutionsparallel-orchestration
Dispatch independent build phases in parallel while respecting dependency graphs and resource constraints.
PMDevSolutionsauth-flows
Implement authentication for React and Next.js apps with Auth.js, Clerk, and Supabase Auth.
PMDevSolutionswordpress-internationalization
Wrap WordPress strings with translation functions and generate POT files.
Frequently Asked Questions About PMDS
FAQPage SchemaWhat specific design-to-code tasks are supported?▼
The organization enables the conversion of Figma, Canva, and InDesign files into structured build specifications. These specifications are used to generate WordPress FSE themes, React components, and design token configurations, ensuring visual parity and technical consistency across web projects.
Which technical personas benefit from these capabilities?▼
Frontend engineers, WordPress theme developers, and UI designers benefit from these services. The offerings target professionals focused on scaling design systems, enforcing accessibility standards, and maintaining high-performance React or WordPress architectures through standardized component development.
What are the primary dependencies for these implementations?▼
Implementations rely on standard web ecosystems including React, TypeScript, Tailwind CSS, and WordPress FSE. Projects typically require source design files from Figma or Canva, and utilize testing frameworks like Playwright, Vitest, and Storybook for validation and documentation.