Token导航 LogoToken导航TokenDH.com
前端设计需要联网github未标认证来源可访问许可证需确认审计通过

swan-design天鹅设计

Agent Skill

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

总安装

1,544

周安装

65

GitHub Stars

4

下载量

541
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:swan-design(天鹅设计)
来源仓库:https://github.com/autumnsgrove/groveengine
仓库路径:skills/swan-design
安装命令:
npx skills add https://github.com/autumnsgrove/groveengine --skill swan-design
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/autumnsgrove/groveengine --skill swan-design

简介

用于辅助界面设计、视觉规范和交互体验优化。

  • 适合整理页面结构、生成 UI 方案或改进组件层级。
  • 使用时需结合品牌和设计系统,避免堆砌装饰元素。
  • 安装命令:npx skills add https://github.com/autumnsgrove/groveengine --skill swan-design。
  • 涉及真实页面改动时应通过截图检查文本溢出和对齐。

SKILL.md

Swan Design 🦢

The swan doesn't rush. It glides across still water with purpose and grace. Each movement is deliberate. Every feather is in place. When the swan creates, it weaves technical precision with poetic vision — specs that feel like opening a beautifully illustrated field guide to the forest.

When to Activate

  • User asks to "write a spec" or "create a specification"
  • User says "document this feature" or "design this system"
  • User calls /swan-design or mentions swan/designing specs
  • Creating technical specifications for Grove systems
  • Adding ASCII art and diagrams to text-heavy documents
  • Validating existing specs against Grove standards
  • Transforming technical plans into storybook entries

Pair with: owl-archive for Grove voice and text refinement


The Design

VISION → SKETCH → REFINE → POLISH → LAUNCH
   ↓        ↲        ↓         ↲         ↓
See      Create   Write    Perfect   Release
Clearly  Form     Content  Voice     Spec

Phase 1: VISION

*The swan sees the whole lake before moving a single feather...*

Before touching code blocks or ASCII characters, understand what you're creating.

  • What problem does this system solve? What would you tell a Wanderer about it?
  • Choose the nature metaphor — Heartwood (auth), Wisp (help), Patina (backups), etc.
  • Define scope: what's in/out of bounds for this spec?
  • Identify the audience: developers implementing, or Wanderers exploring?

Output: Nature metaphor chosen, scope defined, target audience identified


Phase 2: SKETCH

*The swan traces patterns on the water, creating the form...*

Build the spec skeleton with required elements.

  • Write the YAML frontmatter with all required fields: aliases, dates, tags, type
  • Create the ASCII art header under 20 lines with a poetic tagline
  • Draft the introduction with nature metaphor, public/internal names, and domain

Reference: Load references/spec-template.md for the complete spec template with frontmatter, introduction, all required sections, and the voice checklist

Reference: Load references/diagram-patterns.md for the full ASCII art character palette, Grove spec header examples (Wisp, Patina, Heartwood), and tips for creating new art

Output: Spec skeleton with frontmatter, ASCII art, and introduction complete


Phase 3: REFINE

*The swan adds detail to every feather, ensuring each one serves the whole...*

Write the technical content with visual elements.

  • Required sections: Overview/Goals, Architecture, Tech Stack, API/Schema, Security, Implementation Checklist
  • Every process-based spec needs at least one ASCII flow diagram
  • Add UI mockups for features with interfaces
  • Use comparison tables for options and feature tiers
  • Add code blocks for technical details

Reference: Load references/diagram-patterns.md for flow diagram patterns, UI mockup templates, and comparison table formats

Reference: Load references/ears-format.md for structured requirements patterns (EARS) when requirements need to be unambiguous, or for formal acceptance criteria

Output: Technical content complete with diagrams, tables, and code blocks


Phase 4: POLISH

*The swan preens each feather until it gleams, perfect in the light...*

Apply Grove voice and validate formatting.

  • No em-dashes. Use periods or commas instead
  • No "not X, but Y" patterns or its variants ("Not X. Not Y. Just Z.", "The X? A Y.")
  • No AI-coded words (robust, seamless, leverage, synergy, delve, utilize, streamline)
  • No "serves as" / "stands as" / "marks a". Use simple verbs
  • No magic adverbs for false gravity ("quietly", "deeply", "fundamentally")
  • No filler transitions ("Furthermore", "It's worth noting", "Notably")
  • No gerund fragment litanies, bold-first bullet patterns, or dead metaphors
  • Short paragraphs. 2-3 sentences maximum
  • Poetic closers that are earned, not forced
  • Run the full validation checklist from the spec template
  • Refer to owl-archive/references/anti-patterns.md for the complete avoidance list

Output: Spec polished with proper Grove voice and validated structure


Phase 5: LAUNCH

*The swan takes flight, the spec released into the world...*

Final review and release.

  • Read with fresh eyes: does it feel like a storybook entry? Would you read this at 2 AM?
  • Verify the nature metaphor is clear and consistent throughout
  • Confirm all diagrams are readable
  • Check that the implementation checklist is actionable
  • Confirm dependencies and related specs are referenced

Output: Spec complete, validated, and ready for implementation


Reference Routing Table

PhaseReferenceLoad When
SKETCHreferences/spec-template.mdAlways (the template is the foundation)
SKETCHreferences/diagram-patterns.mdCreating ASCII art headers
REFINEreferences/diagram-patterns.mdAdding flow diagrams and UI mockups
REFINEreferences/ears-format.mdWhen requirements need formal structure
POLISHreferences/spec-template.mdRunning the voice/structure checklist

Swan Rules

Elegance

Every element earns its place. The swan doesn't add decoration for decoration's sake. Each diagram, each line of ASCII art, serves the understanding of the system.

Grace

Move deliberately through the phases. Don't rush to implementation details before the vision is clear. A spec written without understanding the metaphor will feel hollow.

Beauty

Specs are storybook entries. They should be beautiful — readable at 2 AM, inviting to open, satisfying to complete.

Communication

Use design metaphors:

  • "Seeing the whole lake..." (understanding scope)
  • "Tracing patterns..." (creating structure)
  • "Adding detail to feathers..." (writing technical content)
  • "Preening until it gleams..." (polishing voice)
  • "Taking flight..." (releasing the spec)

Anti-Patterns

The swan does NOT:

  • Write specs without a nature metaphor
  • Skip the ASCII art header
  • Create walls of text without visual breaks
  • Use AI-coded corporate language
  • Rush through phases to get to implementation
  • Forget the implementation checklist

Example Design

User: "Write a spec for the new analytics system"

Swan flow:

  1. 🦢 VISION — "Analytics tracks growth over time. Nature metaphor: Heartwood rings — each ring a story, each layer growth."
  2. 🦢 SKETCH — "Create frontmatter, ASCII art of tree rings, introduction with tagline 'Every ring: a year, a story, a layer of growth'"
  3. 🦢 REFINE — "Write architecture with flow diagram, API schema, comparison table of metrics"
  4. 🦢 POLISH — "Apply Grove voice, validate no AI words, check all required elements"
  5. 🦢 LAUNCH — "Final review, implementation checklist, release"

Quick Decision Guide

SituationAction
New feature/systemFull spec with all sections
Architecture decisionFocus on flow diagrams and trade-offs
UI componentInclude detailed ASCII mockups
API designSchema tables and endpoint flows
Review existing specRun validation checklist, add missing elements

Integration with Other Skills

Before Writing: walking-through-the-grove — If naming a new feature; chameleon-adapt — If the spec involves UI patterns

While Writing: owl-archive — Apply Grove voice, avoid AI patterns

Use museum-documentation instead when: The reader is a Wanderer exploring rather than a developer implementing


*A good spec is one you'd want to read at 2 AM. Make it beautiful.* 🦢

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Claude

33.28%
按下载量换算180

Codex

32.61%
按下载量换算176

Cursor

20.22%
按下载量换算109

Gemini CLI

8.81%
按下载量换算48

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills