Best agent skills for Frontend Developers, page 137

任何可见 UI 改动、交互变更、样式修复、响应式适配、暗色模式适配和浏览器侧回归验证都应使用。它负责在真实页面中验证实际渲染效果，而不是只看代码。用户提到 UI validate、screenshot、browser check、responsive、dark mode、视觉回归时都应触发。

CaoMeiYouRen/caomei-auth

Generate social media covers and assets for AGENCY Community events, meetups, and YouTube recordings.

glebis/claude-skills

This skill should be used when publishing a new or updated skill to the claude-skills-site Astro website.

glebis/claude-skills

Reverse-engineer any website's, repo's, or local project's design system into a Claude-ready skill via the SkillUI CLI.

CraftOS-dev/CraftBot

Design implementation-ready frontend solutions with UX intent, component structure, responsive behavior, accessibility, and handoff criteria.

itseffi/agentic-os

Test-driven development - write failing test first, then minimal code.

itseffi/agentic-os

A skill your agent uses when designing or refreshing a web UI or landing page — visual concept, type/color/spacing/motion tokens, composition, rescuing a UI that reads AI-generic, or a graded design…

ericrisco/rsc-harness

A skill your agent uses when an approved plan and task list exist and it is time to turn them into working, tested code — the SDD phase after analyze and before verify.

ericrisco/rsc-harness

A skill your agent uses when building, reviewing, testing, securing, or optimizing a Next.js App Router app: Server vs Client boundaries, use server actions, route handlers, the v15 vs v16 use cache…

ericrisco/rsc-harness

Judge whether a validated finding can affect a real release build, and record the attacker position, preconditions, impact, counterevidence, and facts that could change that conclusion.

alpha-omega-security/scrutineer

Generate a WCAG 2.2 accessibility audit checklist and remediation suggestions for any UI or design.

mohitagw15856/pm-claude-skills

Plan a trip that actually works with a disability or access need — confirm real accessibility (not just 'accessible' labels), book the assistance in advance, plan for equipment and medication, and…

mohitagw15856/pm-claude-skills

Assess whether and how someone can safely stay in their own home as they age — the home hazards, the support gaps, and the modifications and services that make it work.

mohitagw15856/pm-claude-skills

Structure AI and ML product decisions with the rigour of any product decision.

mohitagw15856/pm-claude-skills

Surface the hidden assumptions a plan or belief rests on, then test what happens when each one is wrong.

mohitagw15856/pm-claude-skills

Pick the chart the data and the point actually need — the question-to-chart mapping (comparison, trend, composition, distribution, relationship), the honesty rules (axes, baselines, dual-axis…

mohitagw15856/pm-claude-skills

Map an organisation's risks against its insurance policy portfolio to find what's uncovered, underinsured, or double-covered.

mohitagw15856/pm-claude-skills

Give structured, constructive feedback on any design using UX frameworks.

mohitagw15856/pm-claude-skills

Audit a design system for consistency, coverage, and quality.

mohitagw15856/pm-claude-skills

Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint.

mohitagw15856/pm-claude-skills

Point to Emil Kowalski's emil-design-eng skill and explain when to use it.

mohitagw15856/pm-claude-skills

Write session-based exploratory testing charters to find what scripted tests miss.

mohitagw15856/pm-claude-skills

A skill your agent uses when asked to design the interface for an interactive 3D explorer, plan a UI for exploring a 3D model of a topic, or write an image-model prompt for a 3D learning app mock-up.

mohitagw15856/pm-claude-skills

Write a factory acceptance test (FAT) plan or report — test coverage matrix against spec, AQL sampling plan, pass/fail criteria, golden-sample handling, deviation log, and sign-off structure.

mohitagw15856/pm-claude-skills

Generate structured developer handoff annotations for a Figma screen or component.

mohitagw15856/pm-claude-skills

Audit a Figma component library for consistency, coverage gaps, and naming issues.

mohitagw15856/pm-claude-skills

Design a spacing and layout token system for a Figma design system.

mohitagw15856/pm-claude-skills

Plan user flows and screen states for a Figma design before any designing starts.

mohitagw15856/pm-claude-skills

Define component variants and states systematically for Figma.

mohitagw15856/pm-claude-skills

Produce frontend UI that actually looks designed — a working spacing/type system, deliberate color use, real states, and restraint — instead of the generic AI-generated interface.

mohitagw15856/pm-claude-skills

Point to Anthropic's frontend-design skill and explain when to use it.

mohitagw15856/pm-claude-skills

Understand and enrol in a new country's healthcare system — how it works (public/private/insurance-based), what you're entitled to with your status, how to register with a doctor, get insurance if…

mohitagw15856/pm-claude-skills

Review a product/codebase for internationalization readiness before you localize.

mohitagw15856/pm-claude-skills

Write full landing-page copy that converts — section by section.

mohitagw15856/pm-claude-skills

Write a load and performance testing plan for a service. An agent skill from mohitagw15856/pm-claude-skills.

mohitagw15856/pm-claude-skills

Plan the localization of a product/content for a new market — beyond translating the words.

mohitagw15856/pm-claude-skills

Define and document performance budgets for a web service or application.

mohitagw15856/pm-claude-skills

Run a pre-renewal review of an insurance programme: scan coverage gaps against current operations, test limit adequacy against inflation and exposure growth, read the claims experience into pricing…

mohitagw15856/pm-claude-skills

Write pricing page copy that helps buyers self-select the right plan and convert.

mohitagw15856/pm-claude-skills

Design a regression test suite that catches an LLM feature getting worse when the prompt, model, or context changes.

mohitagw15856/pm-claude-skills

Build a regular expression from a plain-English description, or explain an existing one.

mohitagw15856/pm-claude-skills

Design and prioritize a regression test suite so changes don't break what worked.

mohitagw15856/pm-claude-skills

Drive a feature with a disciplined test-driven development loop — red, green, refactor.

mohitagw15856/pm-claude-skills

Turn a requirement or user story into clear, executable test cases.

mohitagw15856/pm-claude-skills

Write a test strategy document from a feature spec, PRD, or system description.

mohitagw15856/pm-claude-skills

Stress-test a proposed org change before announcing it — simulate who gains, who loses, who blocks, where friction erupts in the first 90 days, and run the memo leak test: how does this land when it…

mohitagw15856/pm-claude-skills

Run a five-stage UI design pipeline (direction, system, motion, critique, verification) so the result does not look like generic AI output.

mohitagw15856/pm-claude-skills

Point to the ui-ux-pro-max skill by nextlevelbuilder and explain when to use it.

mohitagw15856/pm-claude-skills