Menu

Individual skill

cs-frontend-design

0upvotes

设计、实现、迭代或评审真实前端页面与交互流程，包括 SaaS、仪表盘、编辑器、落地页和可视化工具。关注产品任务、现有设计语言、可达状态与浏览器验证；不用于纯后端工作。

cs-frontend-design/SKILL.md

Read pinned source

Source commit e63cb26e58e2b307e3ff9a0ad834d3c1b1b65a90

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
No
Repository scan complete
No
Skill scan complete
Yes
Observed behavior
Not checked yet
Last checked
Nov 8, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
208
Repository last updated
Nov 7, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

<!-- CS Skills · 陈硕 | https://github.com/ChenShuo2004/cs-skills -->

# CS Frontend Design

先理解页面给谁用、主要动作是什么、完成后应发生什么。检查现有页面、路由、组件、设计 tokens 与真实数据，再作设计决定。

## Work Modes

- Build：交付可运行的页面或完整用户流程。
- Iterate：解决指定体验问题，保留产品目的与已有视觉语言。
- Review：交付具体发现、证据和修复优先级，不擅自改代码。

目标明确时直接执行。小改动只需简短说明；新页面或复杂流程可内部整理 Page Spec。多状态流程可用 State Matrix；简单静态改动不用填表。只有需要更详细交接时读 [execution contract](references/execution-contract.md)。
Back to top