デザイン

Frontend design

Build an intentional visual direction for a new or existing interface.

Anthropic · Apache-2.0

できること

  • Build an intentional visual direction for a new or existing interface.

始める前に

  • An AI agent that can read local Skill files. Provide your task context and source materials.
  • A local code project and an agent with file editing and command execution capabilities.

最初のタスクを試す

インストール後、この例をAIツールに送信してください。

Use frontend-design for this task: Build an intentional visual direction for a new or existing interface. First ask me for the missing context. Use only the evidence I provide or sources you can verify, and explain what I should check in the result.

確認すべき点

A task-specific draft or analysis, with assumptions, evidence gaps, and clear next steps for you to review.

留意点

  • Review factual claims and proposed actions before relying on the output.
  • Source and package checks are complete; no end-to-end Agent task verification is claimed.

オープンソース、出どころを追跡可能

ソース、ライセンス、パッケージ内容は確認済みです。エンドツーエンドのタスクはエージェント間で検証されておらず、例は想定される結果を示しています。

ソース確認日:

FAQ

エージェントスキル FAQ

最初のエージェントスキルの選び方、インストール方法、使い方についての実践的な回答です。

Frontend designをインストールして使い始めるにはどうすればよいですか?

完全な ZIP をダウンロードし、frontend-design フォルダーと補助ファイルはまとめて保持してください。プロジェクトにインストールする場合は、Claude Code では .claude/skills/frontend-design/、Codex では .agents/skills/frontend-design/ を使用し、その直下に SKILL.md を配置します。このページの前提条件を満たし、認識されていることを確認してから、最初のタスクカードの例で始めてください。

Frontend designを使用するには何が必要ですか?

An AI agent that can read local Skill files. Provide your task context and source materials. A local code project and an agent with file editing and command execution capabilities.

これらのスキルを中国語のリクエストで使用できますか?

中国語をサポートするエージェントに、中国語の資料を処理させ、中国語の出力を生成させることができます。リクエストで、希望する言語、対象読者、用語を指定してください。結果はエージェントとスキルに依存するため、タスクの要件に照らして出力を確認してください。

このスキルを作成したのは誰で、どのライセンスが含まれていますか?

元の作者は Anthropic で、提供元は anthropics/skills、含まれるライセンスは Apache-2.0 です。AILesson はファイルとソースのバージョンを保持しており、ダウンロードは GitHub Releases から提供されます。ソースカードで固定されたバージョンと元のファイルを確認できます。

すべてのスキルはテストされていますか?何を確認すべきですか?

現在のコレクションには、ソース、ライセンス、パッケージ内容のチェックが行われています。すべてのスキルがすべてのエージェントで実際のタスクを完了したとは主張していません。スキルを有効にする前にファイルと前提条件を確認し、出力内の事実、引用、生成コード、提案されたアクションを確認してください。例は、検証済みのデモではなく、期待される結果を説明したものです。