anthropics/skills180kfrontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
前端开发
Test Cherry Studio PRs by resolving and checking out a PR, statically inspecting its changes, running interactive UI tests against a safely tracked Electron instance through CDP, producing a structured report, cleaning up only the owned test instance, and restoring the original branch.
把这段话发给 Claude Code、Codex 或 Cursor。智能体会先检查安全性,你确认后才安装。
读取 https://funcoding.ai/skills/cherryhq/cherry-studio/cherry-pr-test/install.md ,按里面的步骤帮我安装这个 Skill。
Use this workflow for a bounded PR test. Use cherry-electron-dev for ongoing
implementation or debugging in the current checkout.
gh, pnpm, and installed project dependencies.agent-browser for UI control.ephemeral policy.$ARGUMENTS may contain a PR number, PR URL, latest/recent, or nothing.
If no PR is specified, list recent PRs and ask the user to choose unless they requested the latest:
gh pr list --repo CherryHQ/cherry-studio --state open --limit 10 \
--json number,title,author,createdAt,headRefName,changedFiles
Record the current branch for restoration, inspect the PR, then check it out:
git status --short
git branch --show-current
gh pr view <NUMBER> --json title,body,author,headRefName,files
gh pr checkout <NUMBER>
Read the changed files and nearby instructions. Record the exact checked-out HEAD.
Run static analysis while the app starts when both can proceed independently.
For static analysis:
pnpm typecheck
Also check:
console.log instead of loggerServiceFor Electron:
ephemeral, agent-owned instance with an isolated
CS_DEV_USER_DATA_SUFFIX, such as PR-<NUMBER>.pr-test:<NUMBER> launch purpose in
instance.json.Do not use broad process or port cleanup.
Bind the controller to the exact target returned by the shared reference. Never navigate to a guessed root URL or select a target by index.
Build test cases from the PR description and changed files:
Consider UI rendering, interactions, persistence, light/dark themes, relevant window sizes, i18n, empty states, and rapid interaction only when in scope.
Store screenshots and the report under /tmp/pr-<NUMBER>/:
mkdir -p /tmp/pr-<NUMBER>
If an isolated profile shows the migration wizard or splash, follow the shared troubleshooting guidance and startup logs. Do not reset or force-close data.
Use the shared ephemeral finish procedure. Stop only an instance launched by
this PR-test workflow whose verified record remains ephemeral, agent-owned,
and scoped to pr-test:<NUMBER>. Leave every borrowed instance running. Do not
stop unrelated workspaces or packaged apps.
Restore the branch recorded before checkout. If it no longer exists, resolve the repository default branch and report the fallback before switching:
git checkout <ORIGINAL_BRANCH>
Save /tmp/pr-<NUMBER>/report.md and show it to the user. Match the report
language to the user's language; the template uses English labels:
# PR #<NUMBER> Test Report
**Title**: <title>
**Author**: @<author>
**Branch**: <branch>
**Changed files**: <count>
## Static Analysis
| Check | Result | Notes |
| --- | --- | --- |
| TypeScript typecheck | ✅/❌ | ... |
| Blocked-file check | ✅/⚠️ | ... |
| Logging, i18n, and types | ✅/❌ | ... |
## UI Tests
### <Test Case>
<scenario, evidence, and result>

## Findings
<findings or none>
## Conclusion
- Total findings: N
- Recommendation: APPROVE / REQUEST_CHANGES / COMMENT
Do not post the report or submit a GitHub review unless the user explicitly asks.
anthropics/skills180kGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
前端开发
anthropics/skills180kSuite 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.
前端开发
addyosmani/agent-skills103kGuides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.
前端开发
addyosmani/agent-skills103kBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.
前端开发
addyosmani/agent-skills103kOptimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling reveals bottlenecks.
前端开发
nexu-io/open-design100kOpenDesign's feature business case for the plugin marketplace: the user pain, options, tradeoffs, and the measure of success. Built as a decision-grade product management deck for PM, eng, design, leadership.
前端开发