📦
issue-review
79根本原因レビューでソフトウェアの問題を分析する
ソフトウェアの問題報告には、明確な修正に十分な証拠が不足していることがよくあります。このスキルは、Claude、Codex、またはClaude Codeに段階的な根本原因分析を案内します。
コーディング＆開発 表示
スキル frontend-design
📦
frontend-design
コンテンツリビジョン r1 安全
特徴的なフロントエンドインターフェイスを構築する
AI生成のインターフェイスの多くは汎用的に見え、明確な視覚的観点が欠けています。このスキルは、Claude、Codex、Claude Code が意図的な美意識を備えた洗練されたフロントエンド制作を行えるよう支援します。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "frontend-design" from https://skillstore.io/skills/dennisliuck-frontend-design.md and its manifest at https://skillstore.io/api/skills/dennisliuck-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」を使用しています。 モーションデザイナー向けのポートフォリオページを構築してください。
期待される結果:
大胆な構成、アニメーションの見せ場、プロジェクト中心のセクション、洗練された実装のためのガイダンスを備えた、視覚的に印象的なポートフォリオコンセプト。
セキュリティ監査
安全v9 • 2026/7/6 バージョン別レポートを開く
The single static finding is a false positive. SKILL.md is plain UTF-8 Traditional Chinese guidance, and the high entropy heuristic appears caused by non-ASCII prose rather than binary, encrypted, or hidden content.
1
スキャンされたファイル
43
解析済み行数
0
レビュー項目
0
誤検知を無視
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/dennisliuck-frontend-design/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/dennisliuck-frontend-design?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/dennisliuck-frontend-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/dennisliuck-frontend-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/dennisliuck-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形式の引用
DennisLiuCk. (2026). frontend-design security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/dennisliuck-frontend-design/audits/9BibTeX形式の引用
@techreport{dennisliuck-dennisliuck-frontend-design-2026,
author = {DennisLiuCk},
title = {frontend-design security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/dennisliuck-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: "DennisLiuCk"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/dennisliuck-frontend-design/audits/9"
identifiers:
- type: other
value: "skillstore:dennisliuck-frontend-design:audit:9"
description: "Skillstore immutable audit report identifier"
バリアントを比較
インストール可能なバリアント 18 件各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
Skillstore スコアが最高
作者 / ソース Skillstore スコア 証拠の信頼度 Skillstore 利用状況 更新済み
atman36-frontend-design
Skillstore スコア 81
証拠の信頼度 高
Skillstore 利用状況 39
更新済み
2026-09-09
zhanlincui-frontend-design
Skillstore スコア 79
証拠の信頼度 高
Skillstore 利用状況 371
更新済み
2026-09-09
adamaugustinsky-frontend-design
Skillstore スコア 79
証拠の信頼度 高
Skillstore 利用状況 20
更新済み
2026-09-09
cesaraugustusgrob-frontend-design
Skillstore スコア 79
証拠の信頼度 高
Skillstore 利用状況 15
更新済み
2026-09-09
anthropics-frontend-design
Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 129
更新済み
2026-09-09
agentworkforce-frontend-design
Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 18
更新済み
2026-09-09
DennisLiuCk 現在
dennisliuck-frontend-design
Skillstore スコア 76
証拠の信頼度 高
Skillstore 利用状況 6
更新済み
2026-09-09
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 55
アーキテクチャ
75
保守性
87
コンテンツ
70
コミュニティ
83
仕様準拠
作成できるもの
商品ページを作成する
明確な視覚コンセプトと動作するフロントエンドコードを備えた、印象に残る商品ページをデザインして実装します。
アプリ画面を刷新する
簡素なダッシュボードやワークフロー画面を、より強いレイアウトとインタラクションのディテールを備えた洗練されたインターフェイスに変えます。
クリエイティブなWebサイトをプロトタイプする
実験的なWebサイトやポートフォリオのコンセプトに向けて、大胆なタイポグラフィ、色、モーション、構成を探ります。
これらのプロンプトを試す
シンプルなページを構築する
frontend-design スキルを使用して、小規模なデザインスタジオ向けのランディングページを作成してください。視覚的方向性、レイアウト、色、動作するフロントエンド実装を含めてください。
既存の画面を改善する
frontend-design スキルを使用して、このダッシュボード画面を再デザインしてください。同じ機能を維持しつつ、レイアウトをより明確で特徴的にし、本番対応にしてください。
特定の対象ユーザーに合わせる
frontend-design スキルを使用して、建築家向けのモバイルファーストなイベントページを構築してください。明確な美的方向性を選び、それぞれのデザイン選択がその対象ユーザーにどう役立つかを説明してください。
完全なインタラクションコンセプトを作成する
frontend-design スキルを使用して、複数ステップのオンボーディングフローをデザインして実装してください。モーション、レスポンシブ動作、視覚状態、洗練されたマイクロインタラクションを含めてください。
ベストプラクティス
- コードを依頼する前に、プロダクトの目的、対象ユーザー、技術スタックをエージェントに伝えてください。
- 明確な美的方向性を1つ求め、実装がそれに一貫して合うようにしてください。
- 本番利用の前に、生成された成果物のアクセシビリティ、レスポンシブ性、保守性を確認してください。
回避
- コンテキスト、対象ユーザー、制約なしに、曖昧に美しいページを依頼しないでください。
- コンテンツを読みにくくしたり使いにくくしたりする装飾効果を受け入れないでください。
- 実際の状態やデータでテストせずに、生成されたインターフェイスを本番対応と見なさないでください。
よくある質問
このスキルは何の作成に役立ちますか？
より強い視覚的方向性と動作する実装を備えたフロントエンドコンポーネント、ページ、アプリインターフェイスの作成を支援します。
React や Vue でも使えますか？
はい。ソースのガイダンスでは、HTML、CSS、JavaScript、React、Vue、および類似のフロントエンドアプローチに言及しています。
完成した本番コードを提供しますか？
本番品質のコードへとエージェントを導きますが、チームはアクセシビリティ、レスポンシブ性、エッジケースを引き続きテストする必要があります。
ランディングページ専用ですか？
いいえ。コンポーネント、ページ、アプリケーション画面、より広範なインターフェイスコンセプトをガイドできます。
最良の結果を得るにはどうすればよいですか？
対象ユーザー、目的、ブランド制約、技術スタック、既存のUI課題を提供してください。
このスキルには外部スクリプトが含まれていますか？
いいえ。レビューされたスキルには SKILL.md 指示ファイルのみが含まれており、検出されたスクリプトやネットワーク動作はありません。
開発者情報
作成者
DennisLiuCkライセンス
LICENSE.txt 中的完整條款
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
72d5025b022c77f7a51bdf5c1637c689c80e89d1
メンテナンスの新しさ
2026/7/18
利用状況
4 ダウンロード · 186 閲覧
ファイル構成
📄 SKILL.md
DennisLiuCk のその他のスキル
すべて表示📦
code-reviewer
78コードとプルリクエストのレビュー
コードレビューでは、セキュリティ、品質、テスト、パフォーマンスの問題を見落とすことがあります。このスキルは、Claude、Codex、Claude Codeが実行可能な指摘を伴う構造化されたレビューを行えるように導きます。
コーディング＆開発 表示
📦
sql-to-osc
78SQLマイグレーションをOSC形式に変換
データベースチームでは、FlywayマイグレーションをOnline Schema Changeワークフロー向けに書き換える必要がよくあります。このスキルは、ALTER TABLEおよびCREATE INDEXステートメントをタブ区切りのOSC行に変換します。
コーディング＆開発 表示
📦
claude-opus-4-5-migration
74プロジェクトをClaude Opus 4.5へ移行
古いClaudeモデルから移行すると、モデル名、betaヘッダー、プロンプトの挙動が壊れることがあります。このスキルは、Claude、Codex、Claude Code向けに絞り込まれた移行チェックリストを提供します。
コーディング＆開発 表示
関連スキル
すべて表示📦
ui-design
80特徴的なUIプロトタイプを設計する
作成者 tencentcloudbase
汎用的なAIインターフェースは、視覚的な方向性やプラットフォームを考慮した細部が不足しがちです。このスキルは、Claude、Codex、Claude Codeがプロトタイプを構築する前にデザイン意図を定義できるよう支援します。
デザイン＆クリエイティブ 表示
📦
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.
デザイン＆クリエイティブ 表示
📦
shape
81構築前にUXを計画する
作成者 pbakaus
チームは、ユーザーの目標、状態、制約を明確にする前にインターフェースを構築してしまうことがよくあります。このスキルはディスカバリーをガイドし、実装のためのデザインブリーフを作成します。
デザイン＆クリエイティブ 表示
📦
generative-art
81インタラクティブなジェネラティブアートを作成
作成者 Cam10001110101
アーティストやチームには、セットアップなしで探索できる再現可能なジェネラティブアートが必要です。このスキルは、コンセプトをシード付きの p5.js HTML アーティファクトに変換し、コントロールと PNG エクスポートを提供します。
デザイン＆クリエイティブ 表示
📦
ui-ux-designer
79アクセシブルなプロダクトインターフェイスを設計する
作成者 sickn33
チームは、ユーザーニーズを一貫性がありアクセシブルなインターフェイスへ落とし込むことに苦労しがちです。このスキルは、リサーチ、フロー、デザインシステム、トークン、ハンドオフをガイドします。
デザイン＆クリエイティブ 表示
📦
stitch-ui-design
79より良い Google Stitch UI プロンプトを作成する
作成者 sickn33
プロンプトの詳細が不足していると、Google Stitch は汎用的なデザインを生成することがあります。このスキルは、画面、フロー、ビジュアルスタイル、アクセシビリティ、ハンドオフに関する構造化されたプロンプト作成ガイダンスを提供します。
デザイン＆クリエイティブ 表示