📦

css

Name: css
Author: shreyam1008

콘텐츠 리비전 r1 안전 ⚙️ 외부 명령어

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.

지원: Claude Codex Code(CC)

🥉 78 브론즈

Maintain this Skill? Claim it 🥉 78 브론즈

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 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 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/shreyam1008-css.md 서명된 manifest GET /api/skills/shreyam1008-css/manifest 서명된 lockfile GET /api/skills/shreyam1008-css/lockfile

테스트해 보기

"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.

보안 감사

안전

v1 • 2026. 10. 2. 버전별 보고서 열기

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)

이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.

중간

SKILL.md:74

Ruby/shell backtick execution

- **`GoogleChrome/modern-web-guidance-src`** (the CSS guidance; retrievable via `npx modern-web-guid

Although backticks are Markdown, the line suggests npx modern-web-guidance@latest, which can download and execute an unpinned npm package. Optional reference retrieval still introduces supply-chain execution risk.

감사자: codex

이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기

보고서 링크 복사

https://skillstore.io/skills/shreyam1008-css/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/shreyam1008-css/security.svg)](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/1

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"

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.

이 프롬프트를 사용해 보세요

Choose a Layout Engine

Review this HTML and CSS: [snippet]. Choose Flexbox or Grid for [layout goal], explain why, and suggest the smallest stylesheet change.

Fix Component Overflow

This component overflows at [width]. Review [HTML and CSS] for intrinsic minimum sizes, wrapping, and track sizing. Preserve intentional clipping.

Resolve Cascade Conflicts

Review [stylesheets] for specificity conflicts. Propose cascade layers and shared tokens that preserve [required appearance]. Avoid unnecessary important declarations.

Audit CSS Performance

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?

It guides concrete CSS implementation and debugging for layout, responsive sizing, cascade, selectors, theming, and rendering performance.

Does it provide a design system or UX review?

No. It focuses on stylesheet work and directs broader visual-system design and UX reviews to a separate skill.

Can I use it with Tailwind?

Yes. Its guidance includes configured tokens, reusable component styles, and avoiding cascade conflicts in utility CSS.

Are modern CSS features supported everywhere?

No. Check your target browsers and provide fallbacks for critical behavior, especially when using newer selectors or layout features.

Does it automatically test or measure CSS?

No. The skill contains written guidance, not bundled testing tools. Browser inspection and performance traces require your available tooling.

Do I need to run the reference command?

No. It is an optional reference. Prefer documentation links, or review and pin the package before approving any npx execution.

개발자 세부 정보

작성자

shreyam1008

라이선스

MIT

Skillstore 리비전

버전 안내

작성자가 버전을 선언하지 않았습니다.

리포지토리

https://github.com/shreyam1008/shre-skills/tree/ba9787f41c2fe1be1062eeb6322bc339a1026383/skills/css

참조

bbec03cf10354f3aaccd6dd24eda4ac9ceeceac5

유지보수 최신성

2026. 10. 2.

사용량

0 다운로드 · 0 조회

파일 구조

📄 SKILL.md

css

내 에이전트로 설치

에이전트가 읽기 쉬운 리소스

테스트해 보기

보안 감사

위험 요인

보고서 링크 복사

Markdown 배지

HTML 배지

임베드 카드

APA 인용

BibTeX 인용

CITATION.cff

Skillstore 점수

만들 수 있는 것

Repair Responsive Layouts

Maintain Shared Component Styles

Review CSS Rendering Costs

이 프롬프트를 사용해 보세요

모범 사례

피하기

자주 묻는 질문

개발자 세부 정보