← All skill packs

UI Design & Frontend Skills

Skill pack
5 skills0 selected
shaheerkhawajaSkills in this pack

Composite: security audit -> production upgrade -> self-evaluation. Use when user says 'audit', 'check the codebase', 'find and fix issues', or 'is this production-ready'.

English

Predict, prevent, and mitigate context window failures before they happen. Analyzes workflows for overflow risk, designs disk-as-memory architectures, and produces recovery-ready state files.

English

Full frontend quality audit for Stylefinden. Runs frontend-tester to detect all issues (TypeScript, design system, routes, metadata, accessibility), then runs frontend-fixer to apply fixes, then produces a final clean report. Use with /frontend-audit. Can also run in detect-only mode with /frontend-audit --detect.

English

Audit a product codebase for growth readiness using the AARRR pirate metrics framework. Scans actual code for SEO implementation, onboarding friction, retention hooks, monetization flows, and referral mechanics. Checks meta tags, notification systems, email triggers, sharing features, and conversion funnels against growth engineering best practices. Use when launching a new product, diagnosing low conversion, or planning a growth sprint.

English

ProductionOS — dual-target AI engineering operating system for repo-wide audits, upgrade plans, code reviews, strategic product reviews, security sweeps, UX audits, and recursive quality improvement.

English

Includes Audit and Fix, Context Engineer, Frontend Audit, and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills5CategorysecurityStars0

What’s included

Audit and Fix

Composite: security audit -> production upgrade -> self-evaluation. Use when user says 'audit', 'check the codebase', 'find and fix issues', or 'is this production-ready'.

Context Engineer

Predict, prevent, and mitigate context window failures before they happen. Analyzes workflows for overflow risk, designs disk-as-memory architectures, and produces recovery-ready state files.

Frontend Audit

Full frontend quality audit for Stylefinden. Runs frontend-tester to detect all issues (TypeScript, design system, routes, metadata, accessibility), then runs frontend-fixer to apply fixes, then produces a final clean report. Use with /frontend-audit. Can also run in detect-only mode with /frontend-audit --detect.

Growth Audit

Audit a product codebase for growth readiness using the AARRR pirate metrics framework. Scans actual code for SEO implementation, onboarding friction, retention hooks, monetization flows, and referral mechanics. Checks meta tags, notification systems, email triggers, sharing features, and conversion funnels against growth engineering best practices. Use when launching a new product, diagnosing low conversion, or planning a growth sprint.

Productionos

ProductionOS — dual-target AI engineering operating system for repo-wide audits, upgrade plans, code reviews, strategic product reviews, security sweeps, UX audits, and recursive quality improvement.

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Audit and Fix skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • Reported license for the skills shown: MIT. The author’s terms apply.
UI Design & Frontend Skills | Agent Skills Atlas