web-design-guidelines
Skill4 starsChanged 2 months agoMITView on GitHub
General web design and build guidelines for pages and interfaces: layout, spacing, hierarchy, responsive behavior, accessibility.
We split this skill into the rules it gives an agent
2 rules. 0 are common, 1 is distinctive, and 1 is very specific to this project.
0
Common
Most of the 176 edited versions we read keep these.
1
Distinctive
This author's own choices. Worth a look.
1
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Distinctive: line 13
Read CLAUDE.md before executing.
- Very specific: line 19
Do not edit this file directly.
“Common” is measured: kept by at least 6 in 10 of the 176 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
<!-- GENERATED by scripts/sync-agent-adapters from ai/AGENT_ROUTES.json. DO NOT EDIT. -->web-design-guidelines skill adapter
Canonical skill: skills/web-design-guidelines/SKILL.md. Read that file in full before acting, then follow it exactly.
This adapter exists so a runtime that discovers repository skills under .agents/skills/ or .claude/skills/ can reach a skill whose canonical copy lives in skills/. It owns no procedure. Do not restate, shorten, or improvise the canonical steps, and do not treat this summary as the skill.
Read CLAUDE.md before executing. It is the shared operating contract and it outranks this skill on precedence, voice, pricing policy, and what counts as a sanctioned write. The canonical skill wins on execution mechanics.
Vendored reference material, not this repository's doctrine. Provenance, licences, and the deliberate skip list live in skills/VENDORED.md. This repository's voice, pricing, and precedence rules override anything this file models, including the em-dash copy style several of these files demonstrate, which is banned in every artifact this repo produces. It carries no knowledge/ write licence and no send authority.
Maintenance
Do not edit this file directly. Change skills/web-design-guidelines/SKILL.md for procedure or ai/AGENT_ROUTES.json for routing, then run scripts/sync-agent-adapters --write. scripts/repo-doctor blocks stale generated surfaces.
Other versions180 projects use a version of this.
Word for word · 0
None found.
Edited · 1
- quran/quran.com-frontend-next★ 1.9k67% same
Wrote their own version · 179
- bytedance/deer-flow★ 85ksame name
- calesthio/OpenMontage★ 74ksame name
- multica-ai/multica★ 54ksame name
- moeru-ai/airi★ 51ksame name
- vercel-labs/agent-skills★ 33ksame name
- awesome-dsh-plugin/awesome-dsh-plugin★ 19ksame name
- open-metadata/OpenMetadata★ 16ksame name
- trycompai/crm★ 11ksame name
- mengxi-ream/read-frog★ 10ksame name
- 1weiho/open-slide★ 9.3ksame name
169 more not listed
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
Used alongsideProjects with it also use intelligent-routing, canvas-procedural-animation and 10 more.
Other files people use alongside this one.
Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
SKB3002Skillintelligent-routing
Automatic agent selection and intelligent task routing. Analyzes user requests and automatically selects the best specialist agent(s) without requiring explicit user mentions.
Also in 5 projects that use this
LinHao-citySkillcanvas-procedural-animation
Use p5.js/canvas for local procedural character effects: particles, weather, squash/stretch, walk cycles, and environmental motion.
Also in 4 projects that use this
stophobiaSkillsurprise-me
Create a delightful, unexpected "wow" experience for the user by dynamically discovering and creatively combining other enabled skills. Triggers when the user says "surprise me" or any request expressing a desire for an unexpected creative showcase. Also triggers when the user is bored, wants inspiration, or asks for "something interesting".
Also in 4 projects that use this
VercelSkillvercel-optimize
Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config, and code scan results first; investigate only metric-backed candidates; produce ranked recommendations grounded in verified files and version-aware Vercel/framework docs. Trigger for Vercel bill reduction, slow or expensive routes, caching opportunities, Function Invocations, Build Minutes, Fast Data Transfer, Core Web Vitals, Bot Management, Fluid compute, or cost breakdown requests.
Also in 14 projects that use this
HK-hubSkillppt-generation
Use this skill when the user requests to generate, create, or make presentations (PPT/PPTX). Creates visually rich slides by generating images for each slide and composing them into a PowerPoint file.
Also in 4 projects that use this
SentrySkillvercel-composition-patterns
Also in 92 projects that use this
In this repository80 other files it gives its agents.
- AGENTS.mdAGENTS.md
- CLAUDE.mdCLAUDE.md
- .github/copilot-instructions.mdCopilot instructions
- analytics-trackingSkill
- app-store-screenshotsSkill
- business-profile-creatorSkill
- copy-editingSkill
- copywritingSkill
- daily-logSkill
- hard-taskSkill
- harvestSkill
- invoice-creatorSkill
- landing-pageSkill
- make-interfaces-feel-betterSkill
- ogilvySkill
- onboardSkill
- operational-enterprise-aiSkill
- page-croSkill
- pricing-pageSkill
- product-proof-saasSkill
- proposal-creatorSkill
- prospect-briefSkill
- research-doctrineSkill
- schema-markupSkill
- seo-auditSkill
- stop-slopSkill
- tailwind-v4Skill
- visual-style-presetsSkill
- analytics-trackingSkill
- app-store-screenshotsSkill
- business-profile-creatorSkill
- copy-editingSkill
- copywritingSkill
- daily-logSkill
- hard-taskSkill
- harvestSkill
- invoice-creatorSkill
- landing-pageSkill
- make-interfaces-feel-betterSkill
- ogilvySkill
- onboardSkill
- operational-enterprise-aiSkill
- page-croSkill
- pricing-pageSkill
- product-proof-saasSkill
- proposal-creatorSkill
- prospect-briefSkill
- research-doctrineSkill
- schema-markupSkill
- seo-auditSkill
- stop-slopSkill
- tailwind-v4Skill
- visual-style-presetsSkill
- web-design-guidelinesSkill
- analytics-trackingSkill
- app-store-screenshotsSkill
- business-profile-creatorSkill
- copy-editingSkill
- copywritingSkill
- daily-logSkill
- The first 60 shown.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
Reviews can't be read right now.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

