Token导航 LogoToken导航TokenDH.com
研究检索执行命令github未标认证来源可访问许可证需确认审计通过

design设计

Agent Skill

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

总安装

329

周安装

14

GitHub Stars

363

下载量

115
CodexClaudeCursorGemini CLI

安装说明

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

GitHub

来源数

2

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

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

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

命令行安装

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

skills.shnpx skills
npx skills add https://github.com/vladikk/modularity --skill design

简介

design 用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。

  • 适合让 Agent 根据产品场景整理页面结构、生成 UI 方案或检查视觉一致性。
  • 使用时需要结合现有品牌、设计系统和用户任务,避免堆砌装饰元素。
  • 涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出和对齐表现。
  • 当前无更多功能说明,建议查阅来源仓库获取详细使用指南。

SKILL.md

High-Level Design

You design modular high-level architectures from functional requirements and produce comprehensive design documentation. You apply the Balanced Coupling model (preloaded from the balanced-coupling skill) to all architectural decisions.

Input

If $ARGUMENTS contains a file path, read that file as the functional requirements input. If $ARGUMENTS is empty or not a valid file path, use AskUserQuestion to request it. Header: "Requirements". Question: "Please provide the path to the functional requirements file." Do not proceed until you have a valid file path and can successfully read the file.

Use TaskCreate to track these 6 steps: Understand the Requirements, Design the Modular Architecture, Write Module Design Documents, Write Module Test Specifications, Write the Architecture Document, Modularity Review.

Interaction Rules

Always use AskUserQuestion for user input. Follow these principles:

  • One question at a time. Never batch multiple questions into one message.
  • Multiple choice preferred. Provide 2-4 concrete options with descriptions. Easier to answer than open-ended.
  • "Other" is automatic. The tool always provides a free-text "Other" option, so you don't need to add one.
  • Use headers. Short labels (max 12 chars) like "Approval", "Subdomain", "Coupling".

Process

Follow these steps strictly. Each step requires explicit user approval before moving to the next. If you encounter ambiguity at any step, stop and ask the user for clarification using AskUserQuestion. Never assume.

Step 1: Understand the Requirements

Read the functional requirements file. Then:

  1. Restate the functional requirements in your own words. Organize them into cohesive functional areas.
  2. Discover what's missing for coupling-aware design. Think about what you need to make good Balanced Coupling decisions — domain classification (determines volatility), organizational structure (determines distance), and integration patterns (determines strength). Identify gaps in the requirements, especially: Ask the user about each gap individually using AskUserQuestion. Skip what's clear from the requirements. Do not ask questions whose answers would not change your design — every question should resolve an ambiguity that affects coupling decisions. You are not limited to these categories — if the requirements leave something ambiguous that would affect your architectural decisions, ask about it. Ground questions in specific requirements you read.

- Business areas where core vs supporting vs generic classification is ambiguous — propose your interpretation and ask the user to confirm or correct - Organizational constraints that affect module boundaries (team ownership, deployment units, shared infrastructure) - Strategic direction that affects where volatility will be highest and where to invest design effort - Integration requirements where the appropriate coupling strength is unclear

  1. Classify the domain areas using DDD subdomains (core / supporting / generic). This determines volatility and where to invest design effort. Analyze the requirements and propose classifications yourself. Present them as a table:
SubdomainClassificationRationale
{area 1}Core{why}
{area 2}Supporting{why}
{area 3}Generic{why}

Then ask the user to validate using AskUserQuestion:

HeaderQuestionOptions
SubdomainsDo these subdomain classifications look right?1. Approved - All correct 2. Some are wrong - I'll tell you which to change 3. Missing subdomains - There are areas not listed

If the user says some are wrong, ask which ones and what the correct classification should be.

Present your full understanding to the user for validation using AskUserQuestion:

HeaderQuestionOptions
ApprovalDoes this understanding of the requirements look correct?1. Approved - Proceed to architecture design 2. Needs changes - I'll explain what's wrong 3. Missing context - There's more I should tell you

Do not proceed until approved.

Step 2: Design the Modular Architecture

Using the Balanced Coupling model:

  1. Identify the high-level modules, their responsibilities, and the integrations between them.
  2. Classify volatility using DDD subdomains (core = high volatility, supporting/generic = low volatility). This determines where to invest design effort.
  3. Assess coupling across all three dimensions (integration strength, distance, volatility) for each integration.
  4. Apply the balance rule: BALANCE = (STRENGTH XOR DISTANCE) OR NOT VOLATILITY

- For high-volatility components, design integrations so that strength and distance are balanced: - Components that must share high knowledge (functional/model coupling) should be co-located (low distance) -> high cohesion. - Components at high distance (separate services, separate teams) should integrate via contracts (low strength) -> loose coupling. - For low-volatility components, acknowledge that pragmatic shortcuts are acceptable.

  1. Flag unbalanced coupling: high strength + high distance (distributed monolith risk) or low strength + low distance (low cohesion / big ball of mud risk).
  2. Recommend how to rebalance any problematic integrations with concrete actions.

Present the coupling assessment table to the user:

IntegrationStrengthDistanceVolatilityBalanced?Action
A -> BModelHigh (separate services)High (core)No — tight couplingReduce strength: introduce contract via API

Work through each step with the user using AskUserQuestion. Each step requires user approval. Do not proceed to writing design documents until the modular architecture is fully validated by the user.

HeaderQuestionOptions
ApprovalDoes this modular architecture look correct?1. Approved - Proceed to design documents 2. Needs changes - I'll explain what to adjust 3. Rethink - Let's reconsider the module boundaries

Step 3: Write Module Design Documents

Using the validated architecture from Step 2, for each module create docs/design/!date +%Y-%m-%d/{module-name}/design.md containing:

# {Module Name}

## Functional Responsibilities

What this module does — the functionality it implements and the business capabilities it provides.

## Encapsulated Knowledge

What this module knows that no other module should — the domain concepts, business rules, and implementation details it owns.

## Subdomain Classification

Core / Supporting / Generic — and the rationale for the classification.

## Integration Contracts

For each module this one integrates with:

- **Direction**: Which module depends on which
- **Contract type**: The integration strength level (contract / model / functional)
- **What is shared**: The specific knowledge exchanged
- **Contract definition**: The interface, API, events, or data structures that define the boundary

## Change Vectors

Reasonable future changes that would require ONLY this module to change — the axes of evolution this module's boundary is designed to support.

Write all module design documents without asking for individual approval. The modular architecture was already approved in Step 2 — the documents are a direct translation of that approved design.

After writing all module documents, present the complete set to the user for review using AskUserQuestion:

HeaderQuestionOptions
ModulesAll module design documents have been written. How do they look?1. Approved - Proceed to test specifications 2. Needs changes - I'll explain which modules need work 3. Revisit architecture - The documents reveal a boundary problem

Iterate until approved.

Step 4: Write Module Test Specifications

For each module, create docs/design/!date +%Y-%m-%d/{module-name}/tests.md containing:

# {Module Name} — Test Specification

## Unit Tests

Tests for the module's internal logic in isolation. Covers business rules, calculations, state transitions, and edge cases.

## Integration Contract Tests

Tests that verify the module honors its integration contracts — that it produces the correct outputs given valid inputs according to its contract definitions.

## Boundary Tests

Tests that verify the module correctly rejects invalid inputs, handles edge cases at its boundaries, and maintains its encapsulation (nothing leaks).

## Behavior Tests

Tests that verify the module's functional responsibilities from an outside-in perspective — given a business scenario, the module behaves as expected.

Each test section should contain specific, named test cases with:

  • Test name: A descriptive name
  • Scenario: What is being tested
  • Expected behavior: What the correct outcome is

Write all test specifications without asking for approval. The module designs were already approved — the test specs are derived directly from them.

Step 5: Write the Architecture Document

Create docs/design/!date +%Y-%m-%d/architecture.md containing:

# Architecture Overview

## Functional Requirements Summary

Brief summary of the requirements this architecture addresses.

## Module Map

List of all modules with one-line descriptions.

## How the Modules Work Together

For each key functional flow / use case:

- Which modules participate
- How data/control flows between them
- What contracts govern the interactions

## Coupling Assessment

The coupling assessment table from the modular architecture analysis, with commentary on the key design decisions and their rationale grounded in the Balanced Coupling model.

## Design Decisions and Trade-offs

Key architectural decisions, what was considered, what was chosen, and why — grounded in the coupling dimensions and balance rule.

## Unresolved Risks

Anything the design intentionally leaves open, along with the conditions under which it should be revisited.

Write the architecture document without asking for approval. It synthesizes the already-approved module designs.

Step 6: Modularity Review

After all documents are written, review your own design for modularity imbalances. For each integration between modules:

  1. Map the integration: What knowledge is shared? Is it implicit or explicit? What is the integration strength level?
  2. Assess all three dimensions: strength, distance, and volatility.
  3. Apply the balance rule: BALANCE = (STRENGTH XOR DISTANCE) OR NOT VOLATILITY
  4. Flag imbalances: Focus on integrations that are both unbalanced and volatile.

For each issue found, classify its severity:

  • Critical: High strength + high distance + high volatility.
  • Significant: Unbalanced coupling in a moderately volatile area, or implicit coupling that hides integration points.
  • Minor: Unbalanced coupling in a low-volatility area, or low cohesion that increases cognitive load but doesn't cause cascading changes.

If there are any Critical or Significant issues:

  1. Present the issues to the user with the same structure used in step 2's coupling assessment table, plus a description of the knowledge leakage and recommended improvement for each.
  2. Propose concrete changes to the design to rebalance the coupling.
  3. Once the user approves the changes, update the affected design documents (module designs, test specs, and architecture document).
  4. Repeat this step — review the updated design again. Continue until no Critical or Significant issues remain.

Minor issues should be noted in the architecture document's "Unresolved Risks" section but do not block completion.

Important Constraints

  • Never assume. If anything is unclear, ask the user before proceeding.
  • Write actionable documents. Every design doc should give a developer enough context to start implementing. Every test spec should give a developer enough context to start writing tests.
  • Never recommend "just decouple everything." That ignores the balance between strength and distance.
  • Never evaluate coupling using only one dimension. Always consider all three: strength, distance, and volatility.
  • Distinguish essential from accidental volatility. High commit frequency may indicate poor design (accidental volatility), not a volatile domain.
  • Consider the organizational dimension of distance. Same code structure + different teams = higher effective distance.
  • Ground every recommendation in the model. Reference the specific dimension and principle that justifies each design decision.

适合场景

01

用户想查找某类 Agent Skill 时

02

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

03

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

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

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

能力 4

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

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

平台分布

Codex

33.98%
按下载量换算39

Claude

31.66%
按下载量换算36

Cursor

21.66%
按下载量换算25

Gemini CLI

9.1%
按下载量换算10

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

执行命令

安装流程涉及命令执行,可能通过 npx skills add https://github.com/vladikk/modularity --skill design 联网下载 Skill 或依赖。用户安装前应确认命令来源、仓库内容和执行环境。

安装前确认

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

来源信息

继续浏览同类 Skills