Shelbee Johnson
Community@shelbeely · Washington
Agent Skills by Shelbee Johnson
Showing 37 vetted skills indexed across 3 GitHub repositories.
ui-ux-pro-max
Provides UI/UX design and implementation guidance emphasizing WCAG 2.1 accessibility and design tokens.
code-review-excellence
Guide code review practices with constructive feedback and systematic processes.
documentation-lookup
Retrieves current API references and code examples for programming libraries.
tailwind-css
Build responsive UI designs with Tailwind CSS utility classes.
material-design-3
Implement Material Design 3 theming and components in Angular applications.
e2e-testing
Implement Playwright end-to-end tests for Python/React applications.
typescript-best-practices
Apply TypeScript patterns with Zod for type-first development and runtime validation.
accessibility-a11y
Implement WCAG accessibility practices with semantic HTML and ARIA roles.
playwright-local
Automate local browser testing and web scraping with Playwright.
performance
Analyze web performance with Lighthouse audits and implement optimization strategies.
nextjs-react-typescript
Develop Next.js applications with React, TypeScript, and Shadcn UI.
google-material-design
Implement Google Material Design components with CSS, JavaScript, and TypeScript/React.
pwa-development
Guide Progressive Web App development with service workers and manifest configurations.
prisma-database-setup
Configure Prisma ORM with database providers and driver adapters.
humanizer
Rewrite AI-generated text into natural human prose by removing common AI writing patterns.
threejs-fundamentals
Create Three.js scenes with cameras, renderers, meshes, and lighting.
remotion-best-practices
Guide Remotion React video development with composition, animation, and asset best practices.
m3-web-react
Implement Material Design 3 theming in React and Next.js with MUI or web components.
material-design-3-color
Apply Material Design 3 color roles and contrast levels using CSS custom properties.
material-theme-builder
Generate Material Design 3 color themes from a source color using @material/material-color-utilities.
m3-web-angular
Implement Material Design 3 theming in Angular applications using Angular Material.
m3-web-tailwind
Map Material Design 3 tokens into Tailwind CSS theme configuration.
material-design-3-shape
Implement Material Design 3 shape scale systems and expressive shapes with CSS.
material-design-3-guide
Guide Material Design 3 implementation across its seven core pillars.