ReddRadar
Agent skill
cc-frontend-dev
Vue、React、TypeScript、CSS 与前端 UI 规范，适用于组件边界、样式、可访问性和前端测试；不负责 review、debug 或运维流程。
Install this agent skill to your Project
npx add-skill https://github.com/doccker/cc-use-exp/tree/main/.codex/skills/cc-frontend-dev
SKILL.md
CC Frontend Dev
在编辑前端代码时使用本技能，重点处理组件边界、UI 一致性、TypeScript、CSS 和可访问性。
不要用于：
- 正式 review 或 fix/debug 工作流
- 运维风险判断
- 与前端无关的后端语言细节
核心规则
- 保持与现有设计系统和项目视觉语言一致。
- 组件拆分按职责和复用边界，而不是机械按行数。
- TypeScript 类型要明确，不用随意
any。 - CSS 组织要清晰，避免不必要的全局污染。
- 页面和组件在桌面与移动端都应可用。
按需展开
- UI 风格：
references/ui-style.md - React/Vue：
references/react-vue.md - TypeScript：
references/typescript.md - CSS：
references/css.md - 可访问性：
references/accessibility.md - 测试：
references/testing.md
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
doccker/cc-use-exp
ops-safety
运维安全规范。当用户执行系统级命令（sysctl、iptables、systemctl、Docker 配置、数据库 DDL） 或进行服务器运维操作时触发。 包含命令风险说明模板、回滚方案要求、问题排查原则、Docker/Cloudflare/数据库场景规则等。
doccker/cc-use-exp
ruanzhu
当用户执行 /ruanzhu 命令或请求生成软著源代码文档时触发。提供软著源代码 DOCX 生成规范。 覆盖项目信息检测、语言扫描规则、页数控制、DOCX 格式规范等。
doccker/cc-use-exp
ui-ux-pro-max
专业级 UI/UX 设计规范，需要高质量界面设计时手动触发或描述"设计感/专业UI"时自动触发。 覆盖视觉层次、配色体系、排版节奏、交互微动效、响应式适配等。 日常前端开发由 frontend-dev skill 覆盖。
doccker/cc-use-exp
bash-style
Bash 编写规范。当用户操作 .sh、Dockerfile、Makefile、.yml、.yaml 文件， 或在 Markdown 中编写 bash/shell 代码块时触发。 包含注释规范、文件写入方式、Heredoc 引号规则、权限路径、脚本规范等。
doccker/cc-use-exp
redis-safety
Redis 安全与性能规范。当用户操作 Redis 相关代码（go-redis、Jedis、redis-py、ioredis）时触发。 包含禁止 KEYS 命令、SCAN 替代、大 key 控制、Pipeline 批量、TTL 规范等。
doccker/cc-use-exp
python-dev
Python 开发规范。当用户操作 .py、pyproject.toml、requirements.txt、setup.py 文件， 或涉及 FastAPI、Django、Flask、pytest、asyncio 开发时触发。 包含 PEP 8 风格、类型注解、异常处理、测试规范、异步编程、性能优化等。
Didn't find tool you were looking for?