← All skill packs

UI Design & Frontend Skills

Skill pack
2 skills0 selected
uruhayato373Skills in this pack

note の有料マガジン設定(タイトル/説明/アピール/価格)と収録記事の単品価格を、対応する note掲載文.txt(単一SoT)の値へ自動反映する。Playwright + システム Chrome(channel:'chrome')で編集→保存。 Use when user says "note マガジン編集", "note 価格変更", "note タイトル変更", "マガジン設定更新".

Japanese

doboku-note の記事ページ(globals.css / page.tsx / tailwind.config.js)を Zenn 本番 CSS と比較し、タイポグラフィとレイアウトの drift を Critical / Warning / Matches / Intentional の 4 段階で報告する半年〜1年スパンの監査用途。日常レビュー(/review)とは独立した稀な drift 監査で、/review dispatcher には含まれない。 Use when user asks to [Zenn 監査, Zenn 比較, タイポグラフィ監査, CSS drift チェック, /zenn-audit].

Japanese

Includes Note Edit Magazine and Zenn Audit.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

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

Pack stats

Skills2CategorygeneralStars0

What’s included

Note Edit Magazine

note の有料マガジン設定(タイトル/説明/アピール/価格)と収録記事の単品価格を、対応する note掲載文.txt(単一SoT)の値へ自動反映する。Playwright + システム Chrome(channel:'chrome')で編集→保存。 Use when user says "note マガジン編集", "note 価格変更", "note タイトル変更", "マガジン設定更新". 初回 or 様子見は必ず --dry-run。書き込みは収益アカウントのため保存後 API 検証まで必須。

Zenn Audit

doboku-note の記事ページ(globals.css / page.tsx / tailwind.config.js)を Zenn 本番 CSS と比較し、タイポグラフィとレイアウトの drift を Critical / Warning / Matches / Intentional の 4 段階で報告する半年〜1年スパンの監査用途。日常レビュー(/review)とは独立した稀な drift 監査で、/review dispatcher には含まれない。 Use when user asks to [Zenn 監査, Zenn 比較, タイポグラフィ監査, CSS drift チェック, /zenn-audit].

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 Note Edit Magazine 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.
UI Design & Frontend Skills | Agent Skills Atlas