📦
latex-posters
87LaTeX研究ポスターを作成する
研究ポスターは、LaTeXで印刷用に整形し校正するのが難しいものです。このスキルは、学会提出に対応したポスター向けに、テンプレート、レイアウトガイダンス、PDFチェックを提供します。
デザイン＆クリエイティブ 表示
スキル frontend-design
📦
frontend-design
コンテンツリビジョン r2 安全
本番品質のフロントエンドインターフェイスを設計する
チームでは、機能するだけでなく視覚的にも独自性のあるフロントエンド作業が必要になることがよくあります。このスキルは、Claude、Codex、Claude Code が明確な美的方向性を持つ洗練されたインターフェイスを作成できるように導きます。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "frontend-design" from https://skillstore.io/skills/davila7-frontend-design.md and its manifest at https://skillstore.io/api/skills/davila7-frontend-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「frontend-design」を使用しています。 ブティック型分析プロダクトのランディングページ。
期待される結果:
大胆なビジュアル方向性、構造化されたセクション、タイポグラフィの選択、カラーシステム、実装メモを備えたレスポンシブなページコンセプト。
「frontend-design」を使用しています。 既存のダッシュボードがありきたりに感じられる。
期待される結果:
より強い階層構造、密度の高い情報レイアウト、改善された余白、洗練された状態、整合した実装アプローチを備えた再デザイン計画。
「frontend-design」を使用しています。 React コンポーネントにプロダクト品質のスタイリングが必要。
期待される結果:
レイアウト指針、インタラクションの詳細、レスポンシブ動作、実装するための CSS 構造を備えた洗練されたコンポーネント方針。
セキュリティ監査
安全v9 • 2026/7/23 バージョン別レポートを開く
All three static findings are false positives. Their cited lines contain frontend design guidance and do not request system reconnaissance or unsafe actions.
2
スキャンされたファイル
221
解析済み行数
0
レビュー項目
0
誤検知を無視
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/davila7-frontend-design/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/davila7-frontend-design?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/davila7-frontend-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/davila7-frontend-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/davila7-frontend-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学術引用 (APA · BibTeX · CFF)
APA形式の引用
davila7. (2026). frontend-design security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/davila7-frontend-design/audits/9BibTeX形式の引用
@techreport{davila7-davila7-frontend-design-2026,
author = {davila7},
title = {frontend-design security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/davila7-frontend-design/audits/9},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "frontend-design security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "davila7"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/davila7-frontend-design/audits/9"
identifiers:
- type: other
value: "skillstore:davila7-frontend-design:audit:9"
description: "Skillstore immutable audit report identifier"
バリアントを比較
インストール可能なバリアント 18 件各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
Skillstore スコアが最高
作者 / ソース Skillstore スコア 証拠の信頼度 Skillstore 利用状況 更新済み
atman36-frontend-design
Skillstore スコア 81
証拠の信頼度 高
Skillstore 利用状況 52
更新済み
2026-10-25
zhanlincui-frontend-design
Skillstore スコア 79
証拠の信頼度 高
Skillstore 利用状況 376
更新済み
2026-09-09
adamaugustinsky-frontend-design
Skillstore スコア 79
証拠の信頼度 高
Skillstore 利用状況 25
更新済み
2026-10-21
cesaraugustusgrob-frontend-design
Skillstore スコア 79
証拠の信頼度 高
Skillstore 利用状況 20
更新済み
2026-09-09
anthropics-frontend-design
Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 140
更新済み
2026-10-24
agentworkforce-frontend-design
Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 24
更新済み
2026-10-22
dennisliuck-frontend-design
Skillstore スコア 76
証拠の信頼度 高
Skillstore 利用状況 11
更新済み
2026-09-09
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 55
アーキテクチャ
85
保守性
87
コンテンツ
71
コミュニティ
91
仕様準拠
作成できるもの
プロダクトページを立ち上げる
新しいプロダクト向けに、洗練されたレイアウト、タイポグラフィ、色、モーションを備えた独自性のあるランディングページを作成します。
アプリのダッシュボードを改善する
既存のダッシュボードを、より強い階層構造、余白、インタラクション状態、視覚的一貫性によって改善します。
フロントエンドコンポーネントを構築する
明確な美的方向性に合った、洗練された React または HTML/CSS コンポーネントを生成します。
これらのプロンプトを試す
シンプルなページを作成する
[product] 向けの単一ページ Web サイトをデザインしてください。HTML、CSS、JavaScript を使用してください。レスポンシブで洗練され、見やすいものにしてください。
既存コンポーネントをスタイル調整する
この [component] のビジュアルデザインを改善してください。現在の動作は維持しつつ、レイアウト、タイポグラフィ、色、余白、状態を洗練させてください。
テーマ付きダッシュボードを構築する
[metrics] を追跡する [audience] 向けのダッシュボードを作成してください。独自性のある美的方向性を選び、レスポンシブな UI コンポーネントを実装してください。
完全なフロントエンドシステムを作成する
[app] 向けの複数セクションからなるインターフェイスを設計・実装してください。ナビゲーション、状態、モーション、アクセシビリティメモ、一貫性のあるビジュアルシステムを含めてください。
ベストプラクティス
- 実装を依頼する前に、対象ユーザー、プロダクト目標、ブランド制約、必要なフレームワークを提示してください。
- 重要な場合は、レスポンシブ状態、空状態、読み込み状態、アクセシビリティ上の考慮事項を依頼してください。
- 生成された UI をブラウザで確認し、余白、コントラスト、モーションを反復改善してください。
回避
- 文脈や対象ユーザーの詳細なしに、汎用的なモダンデザインを依頼しないでください。
- 可読性、アクセシビリティ、パフォーマンスを損なう装飾効果を受け入れないでください。
- デスクトップとモバイルのビューポート全体での検証を省略しないでください。
よくある質問
このスキルは何の作成に役立ちますか？
強いビジュアル方向性を持つ Web ページ、ダッシュボード、コンポーネント、ランディングページ、インターフェイス改善の作成に役立ちます。
どのツールで使用できますか？
Claude、Codex、Claude Code と互換性があります。
すぐに使えるアセットは含まれていますか？
いいえ。デザインと実装のガイダンスを提供しますが、タスク中にエージェントがアセットを作成または調達する必要があります。
React で使用できますか？
はい。React コンポーネントに対応しており、HTML、CSS、JavaScript、Vue、または類似のフロントエンド作業もガイドできます。
デザインレビューの代わりになりますか？
いいえ。ブランド適合性、アクセシビリティ、ブラウザ動作、プロダクト要件については、引き続き人によるレビューが必要です。
コマンドを実行したりシークレットにアクセスしたりしますか？
いいえ。スキルのテキストにはガイダンスのみが含まれており、スクリプト、ネットワーク呼び出し、外部コマンドは含まれていません。
開発者情報
作成者
davila7ライセンス
Complete terms in LICENSE.txt
Skillstore リビジョン
r2
バージョンに関する注意
作者はバージョンを宣言していません。
参照
c43861a65bb95efcae259cd161c9d6f4dc7eec6f
メンテナンスの新しさ
2026/7/26
利用状況
8 ダウンロード · 258 閲覧
ファイル構成
📄 SKILL.md
davila7 のその他のスキル
すべて表示📦
content-creator
87SEO対応のマーケティングコンテンツを作成
マーケティングチームには、ブランドボイスと検索目標に合った明確なコンテンツが必要です。このスキルは、再現性のあるコンテンツ制作のためのテンプレート、分析スクリプト、プラットフォーム別ガイダンスを提供します。
ライティング＆コンテンツ 表示
📦
treatment-plans
86構造化された医療治療計画を作成
臨床治療計画は、一貫性がなく、長くなりすぎたり、レビューが難しくなったりすることがあります。このスキルは、目的に応じたテンプレート、測定可能な目標、タイムライン、ローカルでの品質チェックを提供します。
ドキュメント 表示
📦
clinical-reports
86構造化された臨床レポートを作成
臨床チームには、医療および規制基準に準拠した明確なレポートが必要です。このスキルは、症例報告、診断、試験、患者記録向けのテンプレート、チェックリスト、検証ガイダンスを提供します。
ドキュメント 表示
📦
exploratory-data-analysis
85科学データファイルを分析
科学データファイルは、形式ごとに構造やメタデータの保存方法が異なるため、調査が困難です。このスキルは形式を検出し、データ品質をプロファイリングし、実用的な Markdown EDA レポートを作成します。
データ＆アナリティクス 表示
📦
diffdock
85DiffDock分子ドッキングワークフローを実行する
分子ドッキングのセットアップは、入力、パラメータ、信頼度スコアの整合が難しいため、失敗しがちです。このスキルは、準備から結果レビューまでDiffDockワークフローをガイドします。
調査＆学習 表示
関連スキル
すべて表示📦
ui-styling
83Build Accessible Tailwind Interfaces
作成者 nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
デザイン＆クリエイティブ 表示
📦
ui-design
80特徴的なUIプロトタイプを設計する
作成者 tencentcloudbase
汎用的なAIインターフェースは、視覚的な方向性やプラットフォームを考慮した細部が不足しがちです。このスキルは、Claude、Codex、Claude Codeがプロトタイプを構築する前にデザイン意図を定義できるよう支援します。
デザイン＆クリエイティブ 表示
📦
shape
81構築前にUXを計画する
作成者 pbakaus
チームは、ユーザーの目標、状態、制約を明確にする前にインターフェースを構築してしまうことがよくあります。このスキルはディスカバリーをガイドし、実装のためのデザインブリーフを作成します。
デザイン＆クリエイティブ 表示
📦
generative-art
81インタラクティブなジェネラティブアートを作成
作成者 Cam10001110101
アーティストやチームには、セットアップなしで探索できる再現可能なジェネラティブアートが必要です。このスキルは、コンセプトをシード付きの p5.js HTML アーティファクトに変換し、コントロールと PNG エクスポートを提供します。
デザイン＆クリエイティブ 表示
📦
uizze-ui
80Build and Refine Interfaces with Uizze
作成者 uizze
Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.
デザイン＆クリエイティブ 表示
📦
uiux-ops
79UI/UXデザイン運用を改善する
作成者 A-Genno
UI/UX作業は、チームに共有された原則やレビュー習慣がないと方向性がぶれがちです。このスキルは、Claude、Codex、Claude Codeにデザイン判断のための簡潔なチェックリストを提供します。
デザイン＆クリエイティブ 表示