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.
Instalar con mi Agente
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
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.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Recursos legibles por agentes
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Pruébalo
Usando "css". A row of cards overflows on narrow screens even though the container width is limited.
Resultado esperado:
- 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.
Usando "css". Component padding changes unexpectedly after a utility stylesheet is added.
Resultado esperado:
- 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.
Usando "css". Animations feel slow, and a long page shifts while scrolling.
Resultado esperado:
- 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.
Auditoría de seguridad
SeguroThirty-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.
Elementos de revisión de capacidades (1)
Estas son capacidades locales reales que pueden esperarse para esta habilidad, por lo que requieren revisión, pero no se cuentan como comportamiento malicioso confirmado.
Factores de riesgo
⚙️ Comandos externos (29)
Compartir y citar este informe
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
Copiar enlace del informe
https://skillstore.io/skills/shreyam1008-css/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportInsignia Markdown
[](https://skillstore.io/skills/shreyam1008-css?utm_source=security_passport_badge)Insignia 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>Tarjeta para insertar
<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>Citas académicas (APA · BibTeX · CFF)
Cita APA
shreyam1008. (2026). css security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/shreyam1008-css/audits/1Cita 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"
Puntuación de Skillstore
Por qué esta puntuación Confianza de la evidencia: MedioLo que puedes crear
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.
Prueba estos 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].
Mejores prácticas
- 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.
Evitar
- 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.
Preguntas frecuentes
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?
Detalles del desarrollador
Autor
shreyam1008Licencia
MIT
Revisión de Skillstore
r1
Aviso de versión
El autor no declaró una versión.
Repositorio
https://github.com/shreyam1008/shre-skills/tree/ba9787f41c2fe1be1062eeb6322bc339a1026383/skills/cssRef.
bbec03cf10354f3aaccd6dd24eda4ac9ceeceac5
Actualidad del mantenimiento
2/10/2026
Uso
0 descargas · 0 vistas
Estructura de archivos
📄 SKILL.md