modern-web-guidance
The modern-web-guidance skill provides a search and retrieval interface for current web development best practices, including UI, performance, and browser API implementation patterns.
Is modern-web-guidance safe to install?
Review the source first: our audit of modern-web-guidance's source files found 4 shell commands, 0 external URLs, no file writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands via npx, which requires network access to fetch npm packages.
How we audit skills: our security review methodology.
Who is this skill for?
Developers implementing frontend features who need to ensure their code follows current web standards and avoids obsolete patterns.
What can you do with it?
- Searching for standardized implementation patterns for UI components like modals and popovers.
- Retrieving best practices for performance optimizations such as LCP and content-visibility.
- Checking browser support and fallback requirements for modern web features.
- Adapting framework-agnostic web patterns to React, Vue, or Angular projects.
How good is this skill?
Quality score: 5/10. The skill provides clear instructions and specific command-line usage. It includes necessary guidance on browser support and policy discovery.
What does the skill file contain?
# Modern Web Guidance A skill to search for specific web development use cases and retrieve their corresponding best practice guides. ## When to use Must use this skill: - At the **start** of implementing any web feature. - Before creating a new component, to check if a standardized pattern already exists. - To avoid implementing ad-hoc solutions or loading large dependencies unnecessarily. ## Usage Instructions ### Step 1. Search Use Cases Search with an action-oriented query summarizing what you want to achieve using the `search` command. Run `modern-web-guidance` directly with `npx`. ...
Frequently asked questions
When should I use this skill?
Use this skill at the start of any web feature implementation or before creating a new component to verify if a standardized pattern exists.
How do I handle browser support policies?
Follow the fallback recommendations in the retrieved guide unless the user has specified a custom browser support policy.
What should I do if the search results are not helpful?
Run the list command to browse all available guides.
Related skills
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
shadcn
217.3KDevelopers building UI components and design systems using shadcn/ui
The shadcn skill manages UI components and design systems for projects using the shadcn/ui framework. It provides tools to search, add, debug, and style components, while enforcing strict composition and styling rules based on project-specific configuration.
audit-website
58.0KDevelopers, SEO specialists, and website administrators who need to automate website health monitoring, technical debugging, and performance optimization
The audit-website skill enables AI agents to perform comprehensive website audits using the squirrelscan CLI. It evaluates websites against 240+ rules across 22 categories, including SEO, performance, security, and accessibility. The skill generates LLM-optimized reports, identifies issues, and provides actionable recommendations for remediation.
make-interfaces-feel-better
37.7KFrontend developers and designers using AI agents to review UI code or implement design system improvements
This skill provides design engineering principles for polishing user interfaces. It guides the agent in reviewing and implementing UI details such as typography, animations, border radii, optical alignment, and performance optimizations.