← All skill packs

UI Design & Frontend Skills

Skill pack
7 skills0 selected
kjgarzaSkills in this pack

Book club management: generate Slack announcements, reminders, article roundups, eve (day-before + spark questions), one-pagers, and communication timelines. Use when user mentions book club, reading group, book of the month, or wants book-club-related communications or materials.

English

Use when the user asks to "evaluate pension", "analyze pension", "review pension plan", "compare pension alternatives", "check pension fees", "pension cost analysis", "should I cancel my pension", "is my Riester worth it", or "pension surrender value". Analyzes private pension plans for cost-efficiency, projected returns, and compares against alternatives in the German financial system.

English

Build interactive React prototypes from selected UI concepts using the web-artifacts-builder skill. Each prototype is a React + TypeScript + Tailwind + shadcn/ui app bundled to a single HTML file. Supports incremental runs. Use when the user says "build prototype", "create HTML", "make it interactive", or invokes /ideation:prototype.

English

Generate 8 distinct ASCII UI concepts per passed solution. Each concept visualizes the primary screen/interface using box-drawing characters. Style matches the solution's interaction model. Use when the user says "generate UIs", "create UI concepts", "ASCII mockups", or invokes /ideation:ui.

English

Use when drafting rental inquiry messages for Kristian. Captures his writing register so messages are authentic and not AI-flavored.

English

Use as working document during scout-recon runs. Provides the Layer A-E checklist for profiling a new portal or re-verifying an existing one.

English

Use when the user asks to "check retirement readiness", "retirement projection", "am I saving enough for retirement", "pension gap analysis", "Rentenlücke", "all my pensions", "three pillar pension", "Wohn-Riester", "redirect pension to mortgage", "pension vs property", "how much pension will I get", or "Versorgungslücke". Assesses overall retirement readiness across all three German pension pillars and models trade-off scenarios including pension-to-property capital redirection.

English

Includes Evaluate Pension, Ideation Prototype, Ideation UI, and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

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

Pack stats

Skills7CategorygeneralStars0

What’s included

Bookclub

Book club management: generate Slack announcements, reminders, article roundups, eve (day-before + spark questions), one-pagers, and communication timelines. Use when user mentions book club, reading group, book of the month, or wants book-club-related communications or materials.

Evaluate Pension

Use when the user asks to "evaluate pension", "analyze pension", "review pension plan", "compare pension alternatives", "check pension fees", "pension cost analysis", "should I cancel my pension", "is my Riester worth it", or "pension surrender value". Analyzes private pension plans for cost-efficiency, projected returns, and compares against alternatives in the German financial system.

Ideation Prototype

Build interactive React prototypes from selected UI concepts using the web-artifacts-builder skill. Each prototype is a React + TypeScript + Tailwind + shadcn/ui app bundled to a single HTML file. Supports incremental runs. Use when the user says "build prototype", "create HTML", "make it interactive", or invokes /ideation:prototype.

Ideation UI

Generate 8 distinct ASCII UI concepts per passed solution. Each concept visualizes the primary screen/interface using box-drawing characters. Style matches the solution's interaction model. Use when the user says "generate UIs", "create UI concepts", "ASCII mockups", or invokes /ideation:ui.

Message Tone — Kristian Garza

Use when drafting rental inquiry messages for Kristian. Captures his writing register so messages are authentic and not AI-flavored.

Recon Checklist

Use as working document during scout-recon runs. Provides the Layer A-E checklist for profiling a new portal or re-verifying an existing one.

Retirement Readiness

Use when the user asks to "check retirement readiness", "retirement projection", "am I saving enough for retirement", "pension gap analysis", "Rentenlücke", "all my pensions", "three pillar pension", "Wohn-Riester", "redirect pension to mortgage", "pension vs property", "how much pension will I get", or "Versorgungslücke". Assesses overall retirement readiness across all three German pension pillars and models trade-off scenarios including pension-to-property capital redirection.

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 Bookclub 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