css
Build and Debug Modern CSS
CSS layout bugs and conflicting rules make responsive interfaces difficult to maintain. This skill guides stylesheet changes using modern layout, cascade, theming, and performance techniques.
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "css" from https://skillstore.io/skills/shreyam1008-css.md and its manifest at https://skillstore.io/api/skills/shreyam1008-css/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「css」を使用しています。 A row of cards overflows on narrow screens even though the container width is limited.
期待される結果:
- Check whether long content forces each card to retain an intrinsic minimum width.
- Allow flexible items to shrink and wrap content where needed.
- Use a responsive grid when cards should occupy multiple rows.
- Test narrow widths and long labels without hiding the overflow.
「css」を使用しています。 Component padding changes unexpectedly after a utility stylesheet is added.
期待される結果:
- Compare the competing selectors and their cascade order.
- Define an explicit layer order for base, component, and utility styles.
- Keep selector specificity low and place shared spacing values in tokens.
- Verify the intended padding across component states and themes.
「css」を使用しています。 Animations feel slow, and a long page shifts while scrolling.
期待される結果:
- Inspect browser performance traces before assuming that animations are composited.
- Prefer transform and opacity where they fit the intended motion.
- Match rendering containment with realistic reserved sizes.
- Verify reduced-motion behavior and accessibility before applying containment broadly.
セキュリティ監査
安全Thirty-five findings are false positives involving Markdown formatting, CSS syntax, or browser rendering advice. One finding is confirmed: the optional reference command uses npx with an unpinned latest package, allowing externally supplied code to execute. No evidence found of prompt injection, credential access, or data exfiltration in SKILL.md.
機能レビュー項目 (1)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
リスク要因
⚙️ 外部コマンド (29)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/shreyam1008-css/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/shreyam1008-css?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/shreyam1008-css?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/shreyam1008-css/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/shreyam1008-css.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形式の引用
shreyam1008. (2026). css security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/shreyam1008-css/audits/1BibTeX形式の引用
@techreport{shreyam1008-shreyam1008-css-2026,
author = {shreyam1008},
title = {css security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/shreyam1008-css/audits/1},
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: "css security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "shreyam1008"
date-released: "2026-10-02"
url: "https://skillstore.io/skills/shreyam1008-css/audits/1"
identifiers:
- type: other
value: "skillstore:shreyam1008-css:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 中作成できるもの
Repair Responsive Layouts
Diagnose overflow, choose suitable layout engines, and adapt components to available space.
Maintain Shared Component Styles
Organize tokens, theme overrides, cascade layers, and reusable component sizing rules.
Review CSS Rendering Costs
Identify costly animation and containment patterns, then plan browser checks and reduced-motion alternatives.
これらのプロンプトを試す
Review this HTML and CSS: [snippet]. Choose Flexbox or Grid for [layout goal], explain why, and suggest the smallest stylesheet change.
This component overflows at [width]. Review [HTML and CSS] for intrinsic minimum sizes, wrapping, and track sizing. Preserve intentional clipping.
Review [stylesheets] for specificity conflicts. Propose cascade layers and shared tokens that preserve [required appearance]. Avoid unnecessary important declarations.
Review [component styles] and [browser trace observations]. Recommend animation, containment, and reduced-motion changes. List compatibility checks and fallback options for [target browsers].
ベストプラクティス
- Provide relevant HTML, CSS, expected behavior, and supported browser versions.
- Fix the underlying sizing or cascade issue before adding overrides or hiding overflow.
- Validate responsive states, focus behavior, reduced motion, and performance in real browsers.
回避
- Hide unintended overflow instead of investigating intrinsic sizes and wrapping.
- Resolve every conflict with important declarations or deeply nested selectors.
- Run the latest npx reference package without reviewing provenance and approving execution.
よくある質問
What work does this skill cover?
Does it provide a design system or UX review?
Can I use it with Tailwind?
Are modern CSS features supported everywhere?
Does it automatically test or measure CSS?
Do I need to run the reference command?
開発者情報
作成者
shreyam1008ライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
リポジトリ
https://github.com/shreyam1008/shre-skills/tree/ba9787f41c2fe1be1062eeb6322bc339a1026383/skills/css参照
bbec03cf10354f3aaccd6dd24eda4ac9ceeceac5
メンテナンスの新しさ
2026/10/2
利用状況
0 ダウンロード · 0 閲覧
ファイル構成
📄 SKILL.md