Pedro Penha
Community@pedropenha
Pedro Penha's skill registry covers WCAG 2.2 web accessibility auditing, accessible UI authoring, responsive CSS, and cinematic front-end motion design.
Agent Skills by Pedro Penha
Showing 18 vetted skills indexed across 1 GitHub repositories.
pedropenharesponsive-design
Implement responsive layouts using container queries, fluid typography, and CSS Grid.
pedropenhaweb-a11y-css
Reviews and writes CSS that preserves accessibility across contrast, focus, motion, and zoom.
pedropenhaweb-a11y-authoring
Implements accessible frontend UI with semantic HTML, ARIA states, and keyboard support.
pedropenhaweb-a11y-dynamic-ui
Implements accessible dynamic UI patterns for filtering, sorting, pagination, and live regions.
pedropenhacinematic-gsap-lenis-motion-system
Implements cinematic scroll-driven web motion systems using GSAP, ScrollTrigger, and Lenis.
pedropenhaweb-a11y-forms
Reviews and designs accessible web forms covering labels, validation, errors, and multi-step flows.
pedropenhaweb-a11y-testing
Validates web accessibility through automated scans, keyboard walkthroughs, and screen reader smoke tests.
pedropenhaspec-driven-development
Creates structured specifications before coding through a gated specify-plan-tasks-implement workflow.
pedropenhaaxe-rules
Reference axe-core 4.x rule IDs, WCAG mappings, and severity levels for accessibility testing.
pedropenhaui-animation
Designs, reviews, and reverse-engineers UI motion including springs, gestures, and easing curves.
pedropenhafrontend-design
Guides creation of distinctive, non-templated visual designs for web UI projects.
pedropenhaweb-a11y-web-components
Applies accessibility guidance to custom elements and Shadow DOM components.
pedropenhaweb-a11y-review
Reviews frontend changes for accessibility regressions across semantics, keyboard behavior, forms, and ARIA.
pedropenhaweb-a11y-orchestrator
Routes accessibility tasks to authoring, review, remediation, and testing workflows.
pedropenhaaccessibility
Audit and fix web accessibility issues following WCAG 2.2 guidelines.
pedropenhaweb-a11y-debugging
Diagnoses web accessibility defects using automated scanners, accessibility trees, and keyboard checks.
pedropenhathreejs
Builds and debugs interactive Three.js WebGL scenes with cameras, lights, and GLTF assets.
pedropenhaweb-a11y-navigation
Implements accessible navigation with landmarks, skip links, breadcrumbs, and current-page state.
Frequently Asked Questions About Pedro Penha
FAQPage SchemaWhat tasks can I accomplish with Pedro Penha's accessibility skills?▼
You can audit WCAG 2.2 compliance, author accessible pages and forms, debug issues via browser accessibility trees and screen reader smoke tests, configure axe-core scans, review pull requests for regressions, and build accessible navigation, dynamic interfaces, and Shadow DOM web components.
Who are these skills designed for?▼
Front-end engineers, design-system maintainers, and UI designers shipping production interfaces. The skills serve teams implementing semantic HTML, keyboard support, and focus management, as well as creative developers building cinematic GSAP/Lenis motion systems and interactive Three.js scenes.
How do the accessibility skills fit into a development workflow?▼
Start with the web-a11y-orchestrator as the entrypoint; it routes tasks to authoring, review, remediation, or testing skills. Use axe-rules when configuring @axe-core/playwright or @axe-core/react scans, and web-a11y-review for pre-merge sign-off on diffs and pull requests.
Are these skills open source and what do they cost?▼
The accessibility skill is explicitly MIT licensed and free to use. The frontend-design skill references terms in a bundled LICENSE.txt file. Other skills carry no stated license or fee, so review each skill's repository before commercial redistribution.
What prerequisites or dependencies do these skills require?▼
Accessibility testing skills assume axe-core 4.x integrations such as @axe-core/playwright or @axe-core/react. Motion skills require GSAP with ScrollTrigger and Lenis. The threejs skill requires Three.js with GLTF loading. Responsive-design skills rely on modern CSS features like container queries and CSS Grid.