← All skill packs

Cloud Operations & UI Design Skills

Skill pack
3 skills0 selected
bflabsaiSkills in this pack

Complete deployment strategy skill covering platform selection, Cloudflare (Workers, Pages, KV, D1, R2, Wrangler), Netlify (CLI, functions, edge functions, netlify.toml), reverse proxies (Caddy, Traefik), DNS configuration, environment variable management, and VPS self-hosted deployments. Use when planning or executing any app deployment.

English

Next.js App Router expert guidance.

English

UI/UX design intelligence for web and mobile — from creative vision to production code. Use this skill whenever the user asks to build, design, style, beautify, or review any frontend interface: websites, landing pages, dashboards, React components, HTML/CSS layouts, mobile apps, admin panels, SaaS products, portfolios, e-commerce. Also use when choosing colors, fonts, animations, layouts, or fixing any visual/UX issue. Covers 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS). Generates distinctive, production-grade code that avoids generic AI aesthetics — bold aesthetic direction, unexpected typography, intentional composition.

English

Includes Deployment Architect, Next.js Fullstack, and Webdesign Pro Max.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

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

Pack stats

Skills3CategoryengineeringStars0

What’s included

Deployment Architect

Complete deployment strategy skill covering platform selection, Cloudflare (Workers, Pages, KV, D1, R2, Wrangler), Netlify (CLI, functions, edge functions, netlify.toml), reverse proxies (Caddy, Traefik), DNS configuration, environment variable management, and VPS self-hosted deployments. Use when planning or executing any app deployment.

Next.js Fullstack

Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache Components (PPR

Webdesign Pro Max

UI/UX design intelligence for web and mobile — from creative vision to production code. Use this skill whenever the user asks to build, design, style, beautify, or review any frontend interface: websites, landing pages, dashboards, React components, HTML/CSS layouts, mobile apps, admin panels, SaaS products, portfolios, e-commerce. Also use when choosing colors, fonts, animations, layouts, or fixing any visual/UX issue. Covers 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS). Generates distinctive, production-grade code that avoids generic AI aesthetics — bold aesthetic direction, unexpected typography, intentional composition.

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 Deployment Architect 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.
  • License details are not provided in these listings. Check the author’s terms before using the skills.
Cloud Operations & UI Design Skills | Agent Skills Atlas