Agent Skills by Juan Garcia
Showing 22 vetted skills indexed across 1 GitHub repositories.
find-skills
Guide users to discover and install agent skills via the Skills CLI.
next-cache-components
Cache Next.js 16 components with use cache, cacheLife, cacheTag, and updateTag directives.
vercel-react-native-skills
Codify React Native performance best practices for rendering, lists, and animations.
design-taste-frontend
Enforce metric-based design rules for React/Next.js dashboards with Tailwind CSS and Framer Motion.
vercel-composition-patterns
Guide React library refactors to replace boolean props with compound components and provider state.
web-design-guidelines
Audit UI code against Web Interface Guidelines and report nonconformities in file:line format.
frontend-bug-hunt-playbook
Diagnose frontend interaction bugs with hypothesis testing and regression tests.
next-best-practices
Audit Next.js App Router projects against official best-practices guidance.
os-context
Discover host OS details and adapt commands to the environment.
route-ui-data-playbook
Map API routes to UI data collection steps and generate Swagger-ready templates.
github-cli-help-sweep
Collect help text for gh and all subcommands into per-command artifacts.
agent-browser
Automate browser navigation and interactions via the agent-browser CLI.
git-commit-message
Generates commit messages based on detected patterns and repository conventions.
hypercontext
Render session state and topic relationships as navigable ASCII maps.
playground
Generate self-contained HTML playgrounds with inline CSS/JS and live preview.
code-review-expert
Analyze git diffs for SOLID violations, security risks, and architectural smells.
tdd
Automate test-driven development workflows for features and bug fixes.
capture-skill
Extract conversation learnings and store them as reusable SKILL.md entries.
beautiful-mermaid
Render Mermaid diagrams to SVG and PNG files.
frontend-design
Generate production-ready HTML/CSS/JS frontend interfaces from user requirements.
next-upgrade
Upgrade Next.js projects with codemods and dependency updates.
vercel-react-best-practices
Apply React and Next.js performance best practices to codebases.