メニュー
Use when establishing or applying brand voice — defining voice attributes, tone adaptation across contexts, vocabulary lists, writing examples, and ensuring consistent personality across the interface
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/Owl-Listener/designpowers --skill voice-and-toneコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Use when the user wants to start from a known brand's design language — "use the same design language as Stripe", "make it feel like Linear", "start from Notion's DESIGN.md", "what brands can I borrow from?". Pulls a ready-made DESIGN.md from the open VoltAgent/awesome-design-md library (73+ brand design systems in the standard format), loads it as a STARTING POINT for the project's design layer, then adapts it to the real client. Inspired references, not official brand assets — adapt, don't impersonate
Use as a lightweight on-ramp for first-time or hesitant users who want a quick win before committing to the full pipeline — "can you just take a quick look", "make me a quick X", or a designer new to the terminal who freezes at the full process. Two tiny loops — express critique (one screen, one fast read) and express build (one component, shown immediately) — in plain language, finishing in about two minutes. Always a GATEWAY into the full workflow, never a replacement for it. Offered to first-time users only; returning users go straight to the Build and Review lanes
Use to turn Designpowers' markdown specs into something a designer can actually SEE and manipulate, and to pull existing Figma work back in. Bridges in both directions — push design-lead's visual decisions or built code into real Figma frames (code-to-design), and pull a Figma file in for review or as a design-system source (design-to-code). Falls back to a clickable HTML prototype when Figma isn't available. Invoke at the screenshot checkpoint, at handoff, when reviewing a Figma link, or whenever the user says "show me", "put this in Figma", or "make it real"
SOC 職業分類に基づく
SKILL.md を表示中
| name | voice-and-tone |
| description | Use when establishing or applying brand voice — defining voice attributes, tone adaptation across contexts, vocabulary lists, writing examples, and ensuring consistent personality across the interface |
Voice is who you are. Tone is how you say it right now. Voice stays constant. Tone adapts to context. This skill defines both so every word sounds like the same person wrote it.
design-strategyChoose 3-5. For each, define "this, not that":
| Attribute | This | Not that |
|---|---|---|
| Warm | Friendly, approachable | Sycophantic, emoji-heavy |
| Knowledgeable | Confident, precise | Academic, condescending |
| Direct | Clear, action-oriented | Blunt, cold, robotic |
| Encouraging | Celebrates effort | Patronising, fake-cheerful |
The "not that" column prevents drift.
| Context | Feel | Example |
|---|---|---|
| Success | Celebration, warmth | "Your monstera is happy. Next water Thursday." |
| Error | Calm, helpful, no blame | "We couldn't save that. Check your connection and try again." |
| Onboarding | Welcoming, confidence-building | "Let's get to know your plants. About 30 seconds." |
| Empty state | Inviting, action-oriented | "Your windowsill is empty. Add your first plant." |
| Loading | Reassuring, brief | "Checking your plants..." |
| Destructive | Clear, calm, reversible | "Remove this plant? You can undo this." |
| Always use | Never use |
|---|---|
| water | irrigate |
| happy | optimal |
| check it out | investigate |
| you | the user |
The content-writer agent uses this as a constraint.
| Audience | Target |
|---|---|
| General consumer | Grade 6-8 |
| Professional tool | Grade 8-10 |
| Technical docs | Grade 10-12 |
design-strategy, design-discoverycontent-writer agent, accessible-content, design-critic