前端界面设计
frontend-design
打造有辨识度的生产级前端界面，让 AI 输出更好的视觉设计与交互。
THE SKILLS DIRECTORY
探索全部技能.
一个技能，一个新的可能。找到适合你的 AI 工作流。
Web 应用测试
webapp-testing
使用 Playwright 测试本地 Web 应用，检查交互、截图与浏览器日志。
frontend-patterns
frontend-patterns
【设计与创意】React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。
code-review
code-review
【开发与工程】Review code changes for correctness, regressions, and unintended scope. Use when reviewing a pull request, branch, commit, patch, or local diff, including when invoked with /code-review.
Web Artifacts Builder
web-artifacts-builder
设计与创意技能，来自 anthropics/skills，查看原文获取完整用途和操作说明。
create-issue-interaction-ui
create-issue-interaction-ui
【效率与协作】Add a new Paperclip issue-thread interaction kind end-to-end. Use when repo work introduces or extends interaction cards like request_confirmation, checkbox confirmations, ask_user_questions, or suggest_tasks.
design-guide
design-guide
【设计与创意】Paperclip UI design system guide for building consistent, reusable frontend components. Use when creating new UI components, modifying existing ones, adding pages or features to the frontend, styling UI elements, or when you need to understand the design language and conventions. Covers: component creation, design tokens, typography, status/priority …
agent-browser
agent-browser
【开发与工程】Drive a real browser to inspect or interact with a web page or app — navigate, take screenshots, read console and network, fill simple forms — for verification tasks, not unattended automation.
Eventbrite Automation
Eventbrite Automation
【效率与协作】Automate Eventbrite event management, attendee tracking, organization discovery, and category browsing through natural language commands
artifacts-builder
artifacts-builder
【设计与创意】Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
skill-creator
skill-creator
【开发与工程】Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
webapp-testing
webapp-testing
【设计与创意】Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
frontendchecklist
frontendchecklist
【设计与创意】Review frontend code and live pages against the Front-End Checklist (380+ rules for accessibility, performance, SEO, security, HTML, CSS, JavaScript, images, i18n, privacy, testing) using the `frontendchecklist` CLI. Use when writing, reviewing, or shipping HTML/CSS/JS/JSX/TSX/Vue/Svelte/Astro code, before a commit or PR, or when asked to audit a pub…
frontend-checklist-global
frontend-checklist-global
【设计与创意】Use when auditing or improving any frontend codebase against the full Front-End Checklist rule corpus through one entry point.
contract-testing
contract-testing
【设计与创意】Use when setting up integration testing for a frontend-backend API boundary, evaluating whether two services are safe to deploy independently, or replacing slow end-to-end tests with contract tests.
find-npm-packages
find-npm-packages
【设计与创意】Use when you need to find the 2-3 most popular and well-maintained npm packages relevant to a frontend checklist rule, validate they meet quality thresholds, and add them to the rule's frontmatter.
llm-parsability
llm-parsability
【效率与协作】Use when auditing content pages for AI discoverability. Applies to any informational page intended to appear in AI-generated answers, search snippets, or knowledge base extraction.
reading-level
reading-level
【开发与工程】Use when reviewing content pages for user experience and SEO. Applies to blog posts, landing pages, how-to guides, and any long-form content intended for a broad audience.
18 / 3404