frontend
A skill from the oh-my-openagent project for visual work built in HTML, CSS or SVG, such as site pages and components, HTML reports printed to PDF, figures and diagrams, slides and images for tools such as Notion or Slack.
スキルの内容
A skill from the oh-my-openagent project for visual work built in HTML, CSS or SVG, such as site pages and components, HTML reports printed to PDF, figures and diagrams, slides and images for tools such as Notion or Slack. It acts as a router into a library of reference files and follows a sequence of grounding, briefing, building, removing what is not needed and checking. It aims for restrained, clear layouts that work on phones and desktops in light and dark themes, adding motion or extra styling only when asked. Bundled TypeScript tools lint source files for signs of generated-looking design and audit rendered pages for contrast, type scale and layout problems.
できること
- Build and style web pages and components
- Make diagrams, slides and print layouts in HTML
- Lint source for generic-looking design patterns
- Audit rendered pages for contrast and layout issues
概要
- 公開元
- code-yeongyu
- ツール
- フロントエンドデザイン
インストール
プロジェクトのドキュメントに、確認できるインストール手順がありません。 プロジェクトの手順を見る
含まれるファイル
- .gitignore
- .npmignore
- ATTRIBUTION.md
- LICENSE-Apache-2.0.txt
- references/design/README.md
- references/design/_INDEX.md
- references/design/ambience-skill.md
- references/design/aside.md
- references/design/clone-from-url.md
- references/design/component-catalogs.md
- references/design/design-system-architecture.md
- references/design/grounding.md
- references/design/interaction-skill.md
- references/design/layout-skill.md
- references/design/lazyweb.md
- references/design/print-paged-media.md
- references/design/react-dev-tooling-skill.md
- references/design/stylegallery.md
- references/designpowers/EVIDENCE.md
- references/designpowers/README.md
- references/designpowers/UPSTREAM.md
- references/designpowers/lane-a-direction.md
- references/designpowers/lane-b-execution.md
- references/designpowers/lane-c-review.md
- references/designpowers/lane-d-memory.md
MCPサーバーやスキルは、お使いのコンピューターでコードを実行したり、データを操作したりできます。インストールする前にソースを確認してください。
このスキルには、エージェントが実行する可能性のあるスクリプトが含まれています。
詳細
| 項目 | 内容 | 出典 |
|---|---|---|
| 種類 | スキル | |
| ツール | フロントエンドデザイン | |
| 公開元 | code-yeongyu | 出典 |
| 公式かどうか | ドキュメントに記載なし | |
| APIキーまたはサインインが必要 | ドキュメントに記載なし | |
| スクリプトを含む | はい | 出典 |
| プラットフォーム | ドキュメントに記載なし | |
| AIクライアント | ドキュメントに記載なし | |
| ライセンス | Apache-2.0 | 出典 |
| 料金 | ドキュメントに記載なし | |
| 活動状況 | 最終コミット 2026年11月11日GitHubスター 70,828ダウンロード数のデータなし(npm・PyPIで未公開) | 出典 |
| リンク | リポジトリ Webサイト |
出典
- スキルファイル(SKILL.md)github.com/code-yeongyu/oh-my-openagent · 根拠となる項目:スクリプトを含む, ライセンス2026年11月10日
- GitHubリポジトリgithub.com/code-yeongyu/oh-my-openagent · 根拠となる項目:公開元, 活動状況2026年11月11日
- リポジトリ内のフォルダ(frontend)github.com/code-yeongyu/oh-my-openagent · 根拠となる項目:スクリプトを含む2026年11月10日