Awesome Skills Agent Skills Marketplace for Claude & AI Coding Assistants

Best practices for Remotion - Video creation in React

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

Use this skill to query your Google NotebookLM notebooks directly from Claude Code for source-grounded, citation-backed answers from Gemini. Browser automation, library management, persistent auth. Drastically reduced hallucinations through document-only responses.

Implements Manus-style file-based planning for complex tasks. Creates task_plan.md, findings.md, and progress.md. Use when starting complex multi-step tasks, research projects, or any task requiring >5 tool calls.

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: g

Perform a focused SEO audit on JavaScript concept pages to maximize search visibility, featured snippet optimization, and ranking potential

- **Skill 名称**: ppt-generator-pro

Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions

"You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation."

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

Start working on a GitHub issue. Use when the user wants to work on an issue, start an issue, or begin implementation.

Safely merges GitHub pull requests using gh CLI. Use when the user wants to merge a PR, merge a pull request, or complete code review.

Fixes RuboCop offenses systematically and safely. Use when the user wants to reduce RuboCop warnings, clean up .rubocop_todo.yml, fix linting errors, or improve code style compliance.

Creates GitHub pull requests following project conventions. Use when the user wants to create a PR, open a pull request, or publish their changes for review.

Git Commit Command

Ensure quality and performance of the static website through testing practices including Lighthouse audits, manual testing, and potential test framework integration. Use this skill when validating functionality, performance, and accessibility of the site.

Validate data structures, user inputs, and loaded content to ensure the static website operates correctly. Use this skill when verifying JSON data integrity, validating form inputs, and ensuring DOM elements exist before manipulation.

Standards for this static HTML/CSS/JavaScript project. Use this skill when working with vanilla JavaScript modules, HTML templates, CSS stylesheets, Node.js tooling scripts, or package.json configuration. Apply when editing .html files, .js files in js/ directory, css/styles.css, package.json scripts, or configuring Prettier/Lighthouse/markdownlint tooling.

Implement robust error handling in client-side JavaScript code to gracefully manage failures in static site operations. Use this skill when working with error scenarios in API calls, DOM manipulation, data parsing, and user interactions.

Maintain consistent code structure and naming patterns across JavaScript modules, CSS, and HTML files in this static website. Use this skill when establishing or following project-wide conventions for file organization, naming, and code structure.

Establish clear and maintainable comments throughout JavaScript modules, CSS, and HTML files in this static website project. Use this skill when adding, updating, or reviewing comments in source code to ensure they follow consistent conventions and improve code readability.

Coding style standards enforced by Prettier and ESLint. Use this skill when writing JavaScript, HTML, CSS, or JSON to ensure consistent formatting, naming conventions, and code quality. Apply when creating new files, refactoring code, or ensuring adherence to automated formatting rules.