AI Agent Skills

A collection of Sci-Fi themed components and futuristic design elements for modern web applications.

React + Konva / image editor / like Figma or Canva

Investigate problem, verify findings, and derive solutions

Execute materialized frontend task files in autonomous execution mode

Execute from repository evidence through applicable UI Spec and optional ADR decisions to complete frontend Design Doc approval

Create frontend work plan from design document and obtain plan approval

Reviews completed frontend implementation for governing-source compliance, scope economy, repository quality, and security, then applies user-approved React corrections.

Proposes repository-specific quality policy for implementation and review and, after confirmation, creates or updates docs/project-context/quality.yaml. Use when asked t…

Update existing design documents (Design Doc / PRD / ADR) with review

Use when the user explicitly asks for simple English, plain English, or for text a non-native English speaker can read easily — rewrites docs, READMEs, issues, comments,…

Easy to use backtrader UI

Audits agentic products for tool parity, authority, approval payloads, recovery, and trust using 27 rules and a ship verdict. Use when asked for an "AX audit", to review…

Audit website accessibility. Use for semantic structure, headings, alt text, forms, focus states, keyboard navigation, color contrast, labels, ARIA misuse, reduced motio…

Improve website accessibility and performance polish. Use for semantic HTML, keyboard navigation, focus states, contrast, alt text, reduced motion, image/video loading,…

Translate brand voice into UI copy for websites and apps. Use for buttons, labels, empty states, loading states, errors, tooltips, form help, nav labels, product copy, o…

Design website color, material, surface, and lighting direction. Use for premium visual systems, avoiding one-note palettes, defining luxury or cinematic color without c…