← All skill packs

UI Design & Frontend Skills

Skill pack
5 skills0 selected
9uileSkills in this pack

Save the current Claude Code session state to a temporary state file before running /compact. MANDATORY TRIGGERS: /compact-plus, compact-plus, compact plus, compaction plus handoff, pre-compact state save. DO NOT TRIGGER: post-compact recovery, ordinary progress updates, plan creation, or casual context-usage discussion.

English

Run fixed-rubric first-touch UX review loops on a real device or simulator, complementing static code/design review with evidence from actual operation. Japanese triggers: 「初見ユーザーとして評価して」「実機で触って評価して」「シミュレータで操作して評価」「UX を初見で評価」.

English

Diagnose and optimize build times and module architecture for large iOS apps (Swift / SwiftPM / Xcode): classify bottlenecks from Build Timeline data, evaluate Target/Package/linkage decisions against the measured dependency graph, and emit evidence-labeled proposals (FACT/INFERENCE/HYPOTHESIS/MEASURED/RISK/EXPERIMENT) with measurement plans. Use when Xcode builds are slow, when planning module splits/merges, when choosing static/dynamic/mergeable/binary linkage, or when reviewing an iOS dependency graph for build performance. Japanese triggers: 「ビルドが遅い」「ビルド時間を改善して」「モジュール分割を評価して」「マルチモジュール設計をレビューして」「依存グラフを診断して」「Build Timeline を見て」. NOT for runtime CPU/GPU performance, NOT for Bazel/Tuist migration decisions; generic (non-build) architecture review belongs to quality-architect.

English

Design NEW or PROPOSED architecture using the ISO/IEC 25010:2023 product quality model: prioritize quality attributes from requirements, compare design options, define non-functional requirements, or run ATAM-style trade-off analysis. Japanese triggers: 「アーキテクチャを設計して」「非機能要件を洗い出して」「ATAM でトレードオフ分析して」「設計案を比較して」. For reviewing EXISTING code, a diff, a PR, or a repository — INCLUDING assessing whether the existing design itself is sound (design review) — use quality-review instead. This skill is for design that does not yet exist; review of an existing design is quality-review's job.

English

Recommend the cost-optimal Claude model (Fable/Opus/Sonnet/Haiku) and effort level for a given task, and delegate to cheap subagents (sonnet-implementer / haiku-scout) when appropriate. Japanese triggers: 「このタスクに最適なモデルは」「コスパよく実行して」「モデルと effort を選んで」「安く済ませて」「委譲して」.

Japanese

Includes Compact Plus, First Touch Review, Ios Build Optimization, and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

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

Pack stats

Skills5CategorygeneralStars0

What’s included

Compact Plus

Save the current Claude Code session state to a temporary state file before running /compact. MANDATORY TRIGGERS: /compact-plus, compact-plus, compact plus, compaction plus handoff, pre-compact state save. DO NOT TRIGGER: post-compact recovery, ordinary progress updates, plan creation, or casual context-usage discussion. Japanese triggers: 「/compact の前に状態を保存して」「コンパクト前の状態を残して」「compact-plus で退避して」

First Touch Review

Run fixed-rubric first-touch UX review loops on a real device or simulator, complementing static code/design review with evidence from actual operation. Japanese triggers: 「初見ユーザーとして評価して」「実機で触って評価して」「シミュレータで操作して評価」「UX を初見で評価」.

Ios Build Optimization

Diagnose and optimize build times and module architecture for large iOS apps (Swift / SwiftPM / Xcode): classify bottlenecks from Build Timeline data, evaluate Target/Package/linkage decisions against the measured dependency graph, and emit evidence-labeled proposals (FACT/INFERENCE/HYPOTHESIS/MEASURED/RISK/EXPERIMENT) with measurement plans. Use when Xcode builds are slow, when planning module splits/merges, when choosing static/dynamic/mergeable/binary linkage, or when reviewing an iOS dependency graph for build performance. Japanese triggers: 「ビルドが遅い」「ビルド時間を改善して」「モジュール分割を評価して」「マルチモジュール設計をレビューして」「依存グラフを診断して」「Build Timeline を見て」. NOT for runtime CPU/GPU performance, NOT for Bazel/Tuist migration decisions; generic (non-build) architecture review belongs to quality-architect.

Quality Architecture

Design NEW or PROPOSED architecture using the ISO/IEC 25010:2023 product quality model: prioritize quality attributes from requirements, compare design options, define non-functional requirements, or run ATAM-style trade-off analysis. Japanese triggers: 「アーキテクチャを設計して」「非機能要件を洗い出して」「ATAM でトレードオフ分析して」「設計案を比較して」. For reviewing EXISTING code, a diff, a PR, or a repository — INCLUDING assessing whether the existing design itself is sound (design review) — use quality-review instead. This skill is for design that does not yet exist; review of an existing design is quality-review's job.

Model Effort Guide

Recommend the cost-optimal Claude model (Fable/Opus/Sonnet/Haiku) and effort level for a given task, and delegate to cheap subagents (sonnet-implementer / haiku-scout) when appropriate. Japanese triggers: 「このタスクに最適なモデルは」「コスパよく実行して」「モデルと effort を選んで」「安く済ませて」「委譲して」.

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 Compact Plus 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