一键在 Manus 中运行任何 Skill

modern-web-guidance

星标2

分支0

更新时间2026年7月6日 00:55

Search tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML/CSS and clientside JS tasks. Do NOT skip — web APIs evolve rapidly and training weights contain obsolete patterns. Trigger immediately for: - UI/Layout: Modals, dialogs, popovers, Glassmorphism/backdrop-filters, anchor positioning, container queries, `:has()`, `:user-valid`. - Scroll/Motion: View Transitions, Scroll-driven animations, scroll parallax/reveals. - Performance: CWV (LCP, INP), content-visibility, Fetch Priority, image optimization. - System/APIs: Local filesystem access, WebUSB, WebSockets sync, WebAssembly widgets. - Frameworks: Adapting layout/styles in React, Vue, Angular. - General Frontend: Forms, autofill, advanced inputs, custom scrollbars, modern component states, etc. DO NOT trigger for: - Backend: Database SQL, ORMs, Express API routes. - Pipelines: CI/CD deployment, Docker, Actions. - Generic: Local scripts (Python/Go tools), ESLint, Git.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

kscius

kscius/KS-Cursor-Orchestrator

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

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.

Workflow

Search — npx -y modern-web-guidance@latest search "<query>" --skill-version 2026_05_16-c5e7870
Retrieve — npx -y modern-web-guidance@latest retrieve "<id>" for the best-matching guide ID(s)
Adapt — Apply the guide to your framework and browser-support policy

Full commands, example output, npx notes, and browser-support policy guidance: references/usage-guide.md

References

File	Contents
`references/usage-guide.md`	Search/retrieve commands, example JSON output, npx tips, browser support & fallback policies

同仓库更多 Skills

同仓库

continual-learning

kscius/KS-Cursor-Orchestrator

Orchestrate continual learning by delegating transcript mining and AGENTS.md updates to the knowledge-synthesizer subagent. Use when asked to mine prior chats, maintain AGENTS.md, update learned preferences, or run the continual-learning loop.

2026-07-082

differential-review

kscius/KS-Cursor-Orchestrator

Security-focused review of code diffs and PRs with surface classification and Semgrep on changed files. Use when reviewing pull requests, branch diffs, or validating security regressions before merge.

2026-07-082

notion-session-sync

kscius/KS-Cursor-Orchestrator

Live Notion session log (L4b) — create, incremental updates during work, finalize on CLOSE. Works on any Cursor project workspace.

2026-07-082

project-bootstrap

kscius/KS-Cursor-Orchestrator

Bootstrap a new project with Cursor-ready configuration: AGENTS.md, per-project .cursor/rules/project-conventions.mdc, and optional memory_bank/ scaffold. Use at project initialization, when starting a new repo, or when the user says "set up Cursor for this project" / "bootstrap this project" / "init project config".

2026-07-082

repo-discovery

kscius/KS-Cursor-Orchestrator

Phase-1 repo reconnaissance as a standalone skill: stack detection, relevant files, validation commands from repo evidence, workflow hints, and risk flags. Use inside /scout, /ks-conductor pre-flight, or any read-only discovery before planning or implementation.

2026-07-082

sdlc-checkpoint

kscius/KS-Cursor-Orchestrator

Validates phase outputs before advancing the SDLC. Defines expected artifacts per phase (intake, scout, plan, critic, build, test, review, document, close) and produces a clear PASS / CONDITIONAL / BLOCK verdict with gaps. Use at orchestrator or command phase boundaries, before expensive work, or when the user asks to verify a gate or "are we ready to proceed".

2026-07-082

name

modern-web-guidance

description

On-demand loading: Read this file when the task matches the triggers below.

Activation: Use this skill at the start of any HTML/CSS or client-side JS task — modals, animations, CWV performance, Web APIs, layout, forms, framework UI — to retrieve current best-practice guides before implementing. Do NOT use for backend SQL/ORM logic, CI/CD pipelines, Docker, or server-side-only tasks.

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.

Workflow

Search — npx -y modern-web-guidance@latest search "<query>" --skill-version 2026_05_16-c5e7870
Retrieve — npx -y modern-web-guidance@latest retrieve "<id>" for the best-matching guide ID(s)
Adapt — Apply the guide to your framework and browser-support policy

Full commands, example output, npx notes, and browser-support policy guidance: references/usage-guide.md

References

File	Contents
`references/usage-guide.md`	Search/retrieve commands, example JSON output, npx tips, browser support & fallback policies