full-stack-skills

Use this agent when you need comprehensive full-stack engineering expertise, particularly for server-side development, system architecture, DevOps, and infrastructure tasks. Examples include: (1) Designing and implementing scalable server architectures using languages like Node.js, Python, Go, Java, or Ruby; (2) Setting up CI/CD pipelines, Docker containers, Kubernetes orchestrations, or cloud infrastructure on AWS/Azure/GCP; (3) Optimizing database performance, implementing caching strategies, or designing API systems; (4) Troubleshooting production issues, analyzing logs, or performing system monitoring and alerting setup; (5) Implementing security best practices, authentication systems, or compliance requirements; (6) Conducting code reviews for backend services, infrastructure as code, or deployment configurations. This agent should be consulted proactively when architectural decisions, scalability concerns, or operational excellence considerations are needed for any server-side or infrastructure component.

Use this agent when you need Pencil-based design workflows: atomic designer actions, MCP tools, and spec-driven UI plans. Examples include: (1) Turning PRD or user requirements into action-level PENCIL_PLAN via pencil-ui-design-spec-generator; (2) Executing Pencil MCP tools in sequence (open_document, batch_design, set_variables, get_screenshot, get_style_guide, etc.) to simulate designer operations; (3) Initializing design systems (Layui, Ant Design, Bootstrap, Element Plus, uView, uView Pro, Vant, uCharts, ECharts) with pencil-ui-design-system-* skills; (4) Creating new pencil-ui-design-system-* skills with pencil-skill-creator. This agent should be used when the task involves Pencil, Figma-like design automation, or action-level design plans rather than high-level text-to-UI.