{"_id":"@blackbelt-technology/pi-dashboard-frontend-patterns","_rev":"5-47d498b5642f4d15408b57a2e59862e1","name":"@blackbelt-technology/pi-dashboard-frontend-patterns","dist-tags":{"latest":"0.8.0"},"versions":{"0.5.4":{"name":"@blackbelt-technology/pi-dashboard-frontend-patterns","version":"0.5.4","keywords":["pi-package","pi-skill","frontend","react","tailwind","shadcn","accessibility","typescript","forms"],"license":"MIT","_id":"@blackbelt-technology/pi-dashboard-frontend-patterns@0.5.4","maintainers":[{"name":"mbotond","email":"botond.molnar@blackbelt.hu"},{"name":"mrbence","email":"dbence10@gmail.com"},{"name":"robertcsakany","email":"robert.csakany@blackbelt.hu"},{"name":"norbert.herczeg","email":"norbert.herczeg@blackbelt.hu"}],"homepage":"https://github.com/BlackBeltTechnology/pi-agent-dashboard#readme","bugs":{"url":"https://github.com/BlackBeltTechnology/pi-agent-dashboard/issues"},"pi":{"skills":[".pi/skills/accessibility-a11y",".pi/skills/component-architecture",".pi/skills/responsive-mobile-first",".pi/skills/tailwind-shadcn",".pi/skills/typescript-strict",".pi/skills/zod-react-hook-form"]},"dist":{"shasum":"b9f61133ce95baa9bd1a2abe255174da768e9dd2","tarball":"https://registry.npmjs.org/@blackbelt-technology/pi-dashboard-frontend-patterns/-/pi-dashboard-frontend-patterns-0.5.4.tgz","fileCount":14,"integrity":"sha512-MCxAMYmg9w7s4aM+BeGNPKd8Q0nSP67sb1BzT7+ZyYVf21zqXh4JGNv0cSEJfe6L+IvHofrT3uIoC3JdVUjXOQ==","signatures":[{"sig":"MEUCIQC1JJ3NMrh2qb1Nkb3mC1nS3/BV4b47z+HW1v9DchD1JwIgESU2DAQI4hf1/yVvwI8NwfgcakHai76mmB7mpGPFCh4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46867},"type":"module","gitHead":"2c4a705a7c268971cb11f5dc4a3109e81cbb5930","_npmUser":{"name":"robertcsakany","email":"robert.csakany@blackbelt.hu"},"repository":{"url":"git+https://github.com/BlackBeltTechnology/pi-agent-dashboard.git","type":"git","directory":"packages/frontend-patterns"},"_npmVersion":"10.9.3","description":"Frontend implementation-pattern skills for pi sessions — accessibility-a11y (WCAG, keyboard nav, focus, ARIA), component-architecture (reusable card/section/form/layout patterns), responsive-mobile-first (sticky headers, drawers, floating CTAs, touch), ta","directories":{},"_nodeVersion":"24.15.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/pi-dashboard-frontend-patterns_0.5.4_1784506525541_0.5988274436085146","host":"s3://npm-registry-packages-npm-production"}},"0.6.0":{"name":"@blackbelt-technology/pi-dashboard-frontend-patterns","version":"0.6.0","keywords":["pi-package","pi-skill","frontend","react","tailwind","shadcn","accessibility","typescript","forms"],"license":"MIT","_id":"@blackbelt-technology/pi-dashboard-frontend-patterns@0.6.0","maintainers":[{"name":"mbotond","email":"botond.molnar@blackbelt.hu"},{"name":"mrbence","email":"dbence10@gmail.com"},{"name":"robertcsakany","email":"robert.csakany@blackbelt.hu"},{"name":"norbert.herczeg","email":"norbert.herczeg@blackbelt.hu"}],"homepage":"https://github.com/BlackBeltTechnology/pi-agent-dashboard#readme","bugs":{"url":"https://github.com/BlackBeltTechnology/pi-agent-dashboard/issues"},"pi":{"skills":[".pi/skills/accessibility-a11y",".pi/skills/component-architecture",".pi/skills/responsive-mobile-first",".pi/skills/tailwind-shadcn",".pi/skills/typescript-strict",".pi/skills/zod-react-hook-form"]},"dist":{"shasum":"3f5818453343ceb91f1540ecb1e28f78c9e81e37","tarball":"https://registry.npmjs.org/@blackbelt-technology/pi-dashboard-frontend-patterns/-/pi-dashboard-frontend-patterns-0.6.0.tgz","fileCount":14,"integrity":"sha512-1Fp/F2xQ7prNOkqN7Mpi54L4foyQrWrDdVzS8kIrrmaiKcNB6tLkN2+TkxPMuZB1lk138aQGez/gDZgh4oyKFA==","signatures":[{"sig":"MEQCIAWTut64IViBNRx9+D2McF1WG+nkZ2ue3ymNwOKl+iMoAiAWVnR3AK7B0l0BTxbTZJJjO36cfkM4Z8AU4POht57uSg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blackbelt-technology%2fpi-dashboard-frontend-patterns@0.6.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":46867},"type":"module","gitHead":"53c737b1bae56fcd8e02a93ae921b83de19df343","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e8285da4-f554-4645-8e2c-535e11fb4678"}},"repository":{"url":"git+https://github.com/BlackBeltTechnology/pi-agent-dashboard.git","type":"git","directory":"packages/frontend-patterns"},"_npmVersion":"11.12.1","description":"Frontend implementation-pattern skills for pi sessions — accessibility-a11y (WCAG, keyboard nav, focus, ARIA), component-architecture (reusable card/section/form/layout patterns), responsive-mobile-first (sticky headers, drawers, floating CTAs, touch), ta","directories":{},"_nodeVersion":"24.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/pi-dashboard-frontend-patterns_0.6.0_1784567311427_0.8972418911473485","host":"s3://npm-registry-packages-npm-production"}},"0.6.1":{"name":"@blackbelt-technology/pi-dashboard-frontend-patterns","version":"0.6.1","keywords":["pi-package","pi-skill","frontend","react","tailwind","shadcn","accessibility","typescript","forms"],"license":"MIT","_id":"@blackbelt-technology/pi-dashboard-frontend-patterns@0.6.1","maintainers":[{"name":"mbotond","email":"botond.molnar@blackbelt.hu"},{"name":"mrbence","email":"dbence10@gmail.com"},{"name":"robertcsakany","email":"robert.csakany@blackbelt.hu"},{"name":"norbert.herczeg","email":"norbert.herczeg@blackbelt.hu"}],"homepage":"https://github.com/BlackBeltTechnology/pi-agent-dashboard#readme","bugs":{"url":"https://github.com/BlackBeltTechnology/pi-agent-dashboard/issues"},"pi":{"skills":[".pi/skills/accessibility-a11y",".pi/skills/component-architecture",".pi/skills/responsive-mobile-first",".pi/skills/tailwind-shadcn",".pi/skills/typescript-strict",".pi/skills/zod-react-hook-form"]},"dist":{"shasum":"24a5cd1cfd0ff7defe0b4a7872d35f47b544612c","tarball":"https://registry.npmjs.org/@blackbelt-technology/pi-dashboard-frontend-patterns/-/pi-dashboard-frontend-patterns-0.6.1.tgz","fileCount":14,"integrity":"sha512-PQYUqkBIHDE8gaYab/mD4uFZ/A7+I3B31hotXXZQSfgjx9FbOaekbNVD72bnODMhKWebcS4e+JWeq/A7THO7nQ==","signatures":[{"sig":"MEUCIQDz43N2ZjwP0py6HDKPa5TqacRTm1npZDhRW6oPb067kgIgO/U/YU8unLPJG8/nFym2MyTaMZ8FBIonxA+Swt+r5T0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blackbelt-technology%2fpi-dashboard-frontend-patterns@0.6.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":46867},"type":"module","gitHead":"88a0cf3cc7d7c7c4e44eb61df3cceff19ed919ad","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e8285da4-f554-4645-8e2c-535e11fb4678"}},"repository":{"url":"git+https://github.com/BlackBeltTechnology/pi-agent-dashboard.git","type":"git","directory":"packages/frontend-patterns"},"_npmVersion":"11.12.1","description":"Frontend implementation-pattern skills for pi sessions — accessibility-a11y (WCAG, keyboard nav, focus, ARIA), component-architecture (reusable card/section/form/layout patterns), responsive-mobile-first (sticky headers, drawers, floating CTAs, touch), ta","directories":{},"_nodeVersion":"24.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/pi-dashboard-frontend-patterns_0.6.1_1784571783885_0.6645346116973958","host":"s3://npm-registry-packages-npm-production"}},"0.7.0":{"name":"@blackbelt-technology/pi-dashboard-frontend-patterns","version":"0.7.0","keywords":["pi-package","pi-skill","frontend","react","tailwind","shadcn","accessibility","typescript","forms"],"license":"MIT","_id":"@blackbelt-technology/pi-dashboard-frontend-patterns@0.7.0","maintainers":[{"name":"mbotond","email":"botond.molnar@blackbelt.hu"},{"name":"mrbence","email":"dbence10@gmail.com"},{"name":"robertcsakany","email":"robert.csakany@blackbelt.hu"},{"name":"norbert.herczeg","email":"norbert.herczeg@blackbelt.hu"}],"homepage":"https://github.com/BlackBeltTechnology/pi-agent-dashboard#readme","bugs":{"url":"https://github.com/BlackBeltTechnology/pi-agent-dashboard/issues"},"pi":{"skills":[".pi/skills/accessibility-a11y",".pi/skills/component-architecture",".pi/skills/responsive-mobile-first",".pi/skills/tailwind-shadcn",".pi/skills/typescript-strict",".pi/skills/zod-react-hook-form"]},"dist":{"shasum":"c46ec021468f5601bd1da9b39e346cbbdfa09e6b","tarball":"https://registry.npmjs.org/@blackbelt-technology/pi-dashboard-frontend-patterns/-/pi-dashboard-frontend-patterns-0.7.0.tgz","fileCount":14,"integrity":"sha512-vgprAUxTBVMhR8XjWzvGXM/WbZ6VYCMCrMbuHp/jsHsZDo5NbtPHZ9Q0g6t7X2M7UR4897QeZQ24VphmWe82kQ==","signatures":[{"sig":"MEUCIDGUiboD0j01O0mi0ASNJjzHWqo1OvZmrNDCbvub83fDAiEAnurm203KyeQJh+fXgN4PZX5OqlVgmezOcB0zrWKRaN8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blackbelt-technology%2fpi-dashboard-frontend-patterns@0.7.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":46867},"type":"module","gitHead":"9203d6a89f1b81c516e9351072ee5cb4c6579e0a","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e8285da4-f554-4645-8e2c-535e11fb4678"}},"repository":{"url":"git+https://github.com/BlackBeltTechnology/pi-agent-dashboard.git","type":"git","directory":"packages/frontend-patterns"},"_npmVersion":"12.0.1","description":"Frontend implementation-pattern skills for pi sessions — accessibility-a11y (WCAG, keyboard nav, focus, ARIA), component-architecture (reusable card/section/form/layout patterns), responsive-mobile-first (sticky headers, drawers, floating CTAs, touch), ta","directories":{},"_nodeVersion":"24.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/pi-dashboard-frontend-patterns_0.7.0_1784899192254_0.8197149232653251","host":"s3://npm-registry-packages-npm-production"}},"0.8.0":{"name":"@blackbelt-technology/pi-dashboard-frontend-patterns","version":"0.8.0","description":"Frontend implementation-pattern skills for pi sessions — accessibility-a11y (WCAG, keyboard nav, focus, ARIA), component-architecture (reusable card/section/form/layout patterns), responsive-mobile-first (sticky headers, drawers, floating CTAs, touch), ta","type":"module","license":"MIT","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/BlackBeltTechnology/pi-agent-dashboard.git","directory":"packages/frontend-patterns"},"pi":{"skills":[".pi/skills/accessibility-a11y",".pi/skills/component-architecture",".pi/skills/responsive-mobile-first",".pi/skills/tailwind-shadcn",".pi/skills/typescript-strict",".pi/skills/zod-react-hook-form"]},"keywords":["pi-package","pi-skill","frontend","react","tailwind","shadcn","accessibility","typescript","forms"],"gitHead":"9373dfa416660a285475febc0383608fe14270b1","_id":"@blackbelt-technology/pi-dashboard-frontend-patterns@0.8.0","bugs":{"url":"https://github.com/BlackBeltTechnology/pi-agent-dashboard/issues"},"homepage":"https://github.com/BlackBeltTechnology/pi-agent-dashboard#readme","_nodeVersion":"24.19.0","_npmVersion":"12.0.2","dist":{"integrity":"sha512-4T/qb8mJPpVuBuaxg82HncTccADkZ+ELnmjM6Rs5zm+hHl2PM4iqdFG/0W+/sU2lk46JCGuAVx7t/Y5Vs+M/oA==","shasum":"350c3816272e16b1a9e6334b247008c8ca4da6b3","tarball":"https://registry.npmjs.org/@blackbelt-technology/pi-dashboard-frontend-patterns/-/pi-dashboard-frontend-patterns-0.8.0.tgz","fileCount":11,"unpackedSize":52184,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@blackbelt-technology%2fpi-dashboard-frontend-patterns@0.8.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD9l4o5kOAMOrOTGm9nlhq1OItlgyGOat0j3P2tIdCjSgIgbhOKOuA87OwSPEcWxu+V/Pd2LgpUyJyOyJSU7KzrqwM="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e8285da4-f554-4645-8e2c-535e11fb4678"}},"directories":{},"maintainers":[{"name":"mbotond","email":"botond.molnar@blackbelt.hu"},{"name":"mrbence","email":"dbence10@gmail.com"},{"name":"robertcsakany","email":"robert.csakany@blackbelt.hu"},{"name":"norbert.herczeg","email":"norbert.herczeg@blackbelt.hu"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/pi-dashboard-frontend-patterns_0.8.0_1787746074554_0.8198501662764393"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-20T00:15:25.407Z","modified":"2026-08-26T12:07:55.148Z","0.5.4":"2026-07-20T00:15:25.669Z","0.6.0":"2026-07-20T17:08:31.563Z","0.6.1":"2026-07-20T18:23:04.033Z","0.7.0":"2026-07-24T13:19:52.409Z","0.8.0":"2026-08-26T12:07:54.700Z"},"bugs":{"url":"https://github.com/BlackBeltTechnology/pi-agent-dashboard/issues"},"license":"MIT","homepage":"https://github.com/BlackBeltTechnology/pi-agent-dashboard#readme","keywords":["pi-package","pi-skill","frontend","react","tailwind","shadcn","accessibility","typescript","forms"],"repository":{"type":"git","url":"git+https://github.com/BlackBeltTechnology/pi-agent-dashboard.git","directory":"packages/frontend-patterns"},"description":"Frontend implementation-pattern skills for pi sessions — accessibility-a11y (WCAG, keyboard nav, focus, ARIA), component-architecture (reusable card/section/form/layout patterns), responsive-mobile-first (sticky headers, drawers, floating CTAs, touch), ta","maintainers":[{"name":"mbotond","email":"botond.molnar@blackbelt.hu"},{"name":"mrbence","email":"dbence10@gmail.com"},{"name":"robertcsakany","email":"robert.csakany@blackbelt.hu"},{"name":"norbert.herczeg","email":"norbert.herczeg@blackbelt.hu"}],"readme":"# @blackbelt-technology/pi-dashboard-frontend-patterns\n\nA pi package — **skills only, no tools** — with frontend implementation\npatterns for React / Tailwind / shadcn projects.\n\nGeneric: works in any React/Tailwind/shadcn project.\n\n## Install\n\n```bash\npi install npm:@blackbelt-technology/pi-dashboard-frontend-patterns\n# or try without installing:\npi -e npm:@blackbelt-technology/pi-dashboard-frontend-patterns\n```\n\n## Skills\n\n| Skill | What it does |\n|-------|--------------|\n| `accessibility-a11y` | Semantic HTML, keyboard navigation, focus states, ARIA labels, skip links, WCAG contrast. |\n| `component-architecture` | Reusable component patterns for cards, sections, forms, and layouts with consistent prop interfaces. |\n| `responsive-mobile-first` | Mobile-first responsive patterns: sticky headers, floating CTAs, accessible navigation, touch interactions. |\n| `tailwind-shadcn` | Tailwind CSS utility patterns with shadcn/ui components, theming via CSS variables, responsive design. |\n| `typescript-strict` | TypeScript strict-mode patterns: interfaces, type guards, generics, utility types, nullable handling. |\n| `zod-react-hook-form` | Form validation combining Zod schemas with React Hook Form, localized errors, Server Action integration. |\n\nSkills load by natural-language trigger, or explicitly via `/skill:<name>`.\n\n## How loading works\n\nPure-skill package: `package.json` `pi.skills` points pi at each skill\ndirectory. No `extension.ts`, no build step.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}