agentflow-ui

Use when decomposing an implementation plan into executable tasks with dependencies and sizing.

Use before marking any task complete. Runs the project's validation suite (lint, typecheck, tests) and confirms the implementation is in a working state. Use this whenever you have finished implementing a task and need to verify it before calling task_complete.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Use when reviewing architecture decisions, implementation plans, or PRs against layering, boundaries, and system design expectations.

Use when implementing code changes to ensure quality, consistency, and maintainability.

Use when bootstrapping a repository for Spec-Driven Development. Scan the codebase, ask 2 targeted questions, then write specs/constitution.md and the first epic's product-requirements.md.

Use when reviewing a change against spec intent, correctness, maintainability, and test coverage.

Use when validating test strategy, coverage gaps, and acceptance criteria traceability post-implementation.

Use when performing security review, threat modeling, or OWASP-aligned analysis on code changes.

Use when creating or reviewing feature specifications. Defines the structure and quality standards for specs.