Frontend

Use for Phase 5 of Course OS - designing complete curriculum structure including modules, lessons, sequencing, learning paths, and outcome mapping. Triggers on "/course-architecture", "design curriculum", "structure modules", "lesson sequencing", or after completing Phase 4.

Assess current project state and suggest the most valuable next action. The primary entry point for users who aren't sure what to do. Analyzes context, checks for issues, and recommends specific skills or actions.

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

Comprehensive test-driven development for Terraform providers with iterative co-development of tests, generators, and schemas. NEVER skip development or refactoring - always fix root causes in generators, schemas, or test code. Only skip resources requiring external credentials (AWS/Azure/GCP) or premium licensing. Uses terraform-plugin-testing SDK with modern assertion patterns.

Templates, standards, and structure requirements for generating SDLC approach learning repositories. Use when creating new methodology learning repositories, artifact documentation, or validating repository structure.

Enforces security guardrails for Claude Code. Blocks access to secrets, credentials, and sensitive files. Requires confirmation for network requests and infrastructure changes. Use when accessing files, making network requests, or running infrastructure commands.

Use when generating or refactoring UI artifacts. Prefer modular components and consistent styling.

Visual guide for APC Mini MK2 LED and button mapping. Use when user needs to know "which button", "pad location", "LED position", "coordinate to note", "note to coordinate", or wants to understand the physical layout of the controller.

Expert software architecture guidance for system design, design patterns, architectural decisions, code reviews, scalability planning, and technical leadership. Use when discussing architecture, design patterns, system design, refactoring, technical decisions, or code structure.

Validate constitutional compliance for specifications, plans, tasks, code, and operationsusing the SDD Framework Constitution v1.5.0 (14 principles). Use when checking if workfollows constitutional requirements or executing compliance validation.This skill provides guidance on applying all 14 constitutional principles and runningautomated compliance checks. It ensures all work adheres to immutable, critical, andstandard principles governing architecture, quality, workflow, and safety.Triggered by: User request for "constitutional check", "compliance validation","does this follow the constitution?", or before major milestones (commit, PR, release).

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

Guide for testing Firebase Admin SDK with Vitest mocks. Use when writing tests that involve Firebase Auth, Firestore, or Firebase App.

Practical guide for building production ML systems based on Chip Huyen's AI Engineering book. Use when users ask about model evaluation, deployment strategies, monitoring, data pipelines, feature engineering, cost optimization, or MLOps. Covers metrics, A/B testing, serving patterns, drift detection, and production best practices.

Review React/TypeScript code against established coding guidelines. Use when reviewing React components, performing code audits, checking for React best practices, anti-patterns, performance issues, or when the user asks to review React code, check code quality, or audit React implementation.

Migrate existing plugins to proper Claude Code format. Use when converting flat skill files, adding missing frontmatter, restructuring plugin directories, or upgrading plugin structure.

Modern CSS/SCSS architecture based on shadcn/ui design principles. Use this when generating any CSS, SCSS, or styling code to ensure modern, refined, and accessible design patterns.

Guide for using MCPKit Swift package to build MCP (Model Context Protocol) tool servers. Use when creating new MCP servers, defining tools, or integrating MCP into Swift projects.

Guide for creating, configuring, and distributing Claude Code plugins with hooks, skills, commands, and MCP servers. Use when user asks to create a plugin, set up hooks, add plugin functionality, create a marketplace, or distribute custom Claude Code extensions.

Git 项目版本发布自动化工具。支持语义化版本号升级 (major/minor/patch)，基于 Angular commit 规范自动生成 CHANGELOG，创建 git tag 并推送到远程仓库。触发关键词：- "发布版本"、"升级版本"、"更新版本"、"版本发布"、"发新版"- "更新版本并提交"、"升级并提交"、"发布并推送"- "bump version"、"release"、"new release"- "打tag"、"创建发布"、"创建tag"- "大版本更新"、"小版本更新"、"补丁版本"- "major release"、"minor release"、"patch release"