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.
Installer avec mon Agent
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
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.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Ressources lisibles par les agents
Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.
Tester
Utilisation de « css ». A row of cards overflows on narrow screens even though the container width is limited.
RĂ©sultat attendu:
- 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.
Utilisation de « css ». Component padding changes unexpectedly after a utility stylesheet is added.
RĂ©sultat attendu:
- 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.
Utilisation de « css ». Animations feel slow, and a long page shifts while scrolling.
RĂ©sultat attendu:
- 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.
Audit de sécurité
SûrThirty-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.
Éléments d’évaluation des capacités (1)
Il s’agit de capacités locales réelles qui peuvent être attendues pour cette compétence ; elles nécessitent donc un examen, mais ne sont pas comptabilisées comme comportement malveillant confirmé.
Facteurs de risque
⚙️ Commandes externes (29)
Partager et citer ce rapport
Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.
Copier le lien du rapport
https://skillstore.io/skills/shreyam1008-css/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/shreyam1008-css?utm_source=security_passport_badge)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>Carte intégrable
<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>Citations académiques (APA · BibTeX · CFF)
Citation APA
shreyam1008. (2026). css security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/shreyam1008-css/audits/1Citation BibTeX
@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"
Score Skillstore
Pourquoi ce score Niveau de confiance des preuves: MoyenCe que vous pouvez créer
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.
Essayez ces prompts
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].
Bonnes pratiques
- 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.
Éviter
- 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.
Foire aux questions
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?
Détails du développeur
Auteur
shreyam1008Licence
MIT
RĂ©vision Skillstore
r1
Avis de version
L’auteur n’a déclaré aucune version.
DĂ©pĂ´t
https://github.com/shreyam1008/shre-skills/tree/ba9787f41c2fe1be1062eeb6322bc339a1026383/skills/cssRĂ©f
bbec03cf10354f3aaccd6dd24eda4ac9ceeceac5
RĂ©cence de maintenance
02/10/2026
Utilisation
0 téléchargements · 0 vues
Structure de fichiers
đź“„ SKILL.md