Shawn Sandy
Community@shawn-sandy
Agent Skills by Shawn Sandy
Showing 71 vetted skills indexed across 6 GitHub repositories.
playwright-cli
Automate web page interactions and testing using the Playwright library.
agent-browser
Automate Chrome browser interactions via the Chrome DevTools Protocol.
web-design-guidelines
Review UI code against Web Interface Guidelines for non-compliance issues.
find-skills
Search for and install agent skills using the Skills CLI.
graphify
Create knowledge graphs from input files and export to Neo4j.
vercel-react-best-practices
Optimize React and Next.js application performance with bundle size and data fetching guidelines.
vercel-composition-patterns
Refactor React components using composition patterns and React 19 APIs.
css-to-class
Convert multi-class HTML strings into a single semantic CSS class.
inline-style-to-class
Convert inline HTML and JSX styles into reusable CSS classes with variables.
create-utilities
Convert visual intent into utility-class strings for React/TSX styling.
component-card
Generates React Card components with compound subcomponents and optional keyboard interactivity for TypeScript projects.
style-tune
Convert natural-language aesthetic modifiers into OKLCH theme and SCSS token edits.
kit-core
Initialize React+TypeScript projects and generate fpkit-style accessible components with dependency resolution.
component-icon-button
Generate accessible React IconButton scaffolds with SCSS and XOR aria-label constraints.
component-button
Generate fpkit-style React Button components with SCSS and variant data attributes.
component-dialog
Generate accessible React Dialog components with TypeScript and SCSS templates.
setup
Bootstrap an acss-kit React project by generating configuration, theme files, and CSS/SCSS imports.
component-table
Generate an accessible React Table component with TypeScript and SCSS files.
component-popover
Generate accessible React Popover components using the native HTML Popover API.
prompt-book
Display the bundled prompt book mapped to acss-kit slash commands.
utilities
Generate and manage Tailwind-style atomic CSS utilities for fpkit/acss React projects.
styles
Generate and update fpkit/acss CSS theme files with OKLCH color roles.
component-img
Generate an accessible fpkit-style React Img component with alt handling and responsive delivery.
component-field
Generate an fpkit-style accessible Field wrapper component for React and TypeScript.