shenxingy/frontend-design
configs/skills/frontend-design/SKILL.md
Create distinctive, production-grade frontend interfaces with high design quality. Detects and enforces the project's design system (.design-system.md, design-system skill repo, or DESIGN.md) — hard-rule grep checks, review checklist, decisions log; can also author a new design system (SKILL.md + DESIGN.md + assets).
$ install --global
skillsauthnpx skillsauth add shenxingy/claude-code-kit frontend-designInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jul 11, 2026, 5:52 AM115.5s2 files scanned
SKILL.md
- name:
- frontend-design
- description:
- Create distinctive, production-grade frontend interfaces with high design quality. Detects and enforces the project's design system (.design-system.md, design-system skill repo, or DESIGN.md) — hard-rule grep checks, review checklist, decisions log; can also author a new design system (SKILL.md + DESIGN.md + assets).
- when_to_use:
- design UI, create component, frontend design, build page, apply the design system, follow brand guidelines, author a design system, 设计页面, 按设计系统, 品牌规范
- user_invocable:
- true
Frontend Design
Guides creation of distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. Generates real working code with exceptional attention to design details.
Usage
/frontend-design # Start with interactive requirements gathering
Respects the project's design system if present — .design-system.md (token
sheet), design-system/SKILL.md (design system packaged as a skill, with
tokens/components/brand assets), or DESIGN.md (full spec). Enforces its hard
rules, runs its review checklist, and records decisions (including rejected
experiments) in its Decisions Log. Can also author a new design system in the
two-layer SKILL.md + DESIGN.md + assets structure.
Related Skills
shenxingy/codex-orchestrate
development
VerifiedTrustedCommunity
Orchestrate a fleet of parallel `codex exec` workers with you (Claude Code) as the supervisor — spawn one per isolated git worktree, dispatch headless, verify each INDEPENDENTLY, PR/merge. The manual "codex-ultracode" pattern for fanning out real implementation, research, or review work onto Codex. Bakes in the hard gotchas (stdin blocking, background tracking, don't-trust-self-reports, writer isolation). Triggers on — orchestrate codex, codex workers, codex fleet, spawn codex, delegate to codex in parallel, manual ultracode, 开 codex 小弟, 派 codex worker — NOT for a single cross-vendor opinion (use the `second-opinion-codex` agent), NOT for web-UI worker decomposition (use `/orchestrate`).
8SKILL.mdUpdated Jul 16, 2026
shenxingy/worktree
development
VerifiedTrustedCommunity
Create and manage git worktrees for parallel Codex sessions
8SKILL.mdUpdated Jul 14, 2026
shenxingy/verify
development
VerifiedTrustedCommunity
Verify project behavior anchors — compilation, tests, and interaction checks after autonomous runs. NOT the Codex built-in /verify (which runs the app to observe a single change working) — this one walks the AGENTS.md "Features (Behavior Anchors)" list.
8SKILL.mdUpdated Jul 14, 2026
shenxingy/sync
documentation
VerifiedTrustedCommunity
End-of-session documentation sync — updates TODO.md and PROGRESS.md only (run /commit after to commit everything)
8SKILL.mdUpdated Jul 14, 2026