scss

Sterne2

Forks1

Aktualisiert3. Juli 2026 um 21:30

SCSS/Sass preprocessing with variables, mixins, modules, and BEM naming. Use when writing or editing .scss files, Sass mixins, variables, or modular stylesheets.

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

DarceyLloyd

DarceyLloyd/pi-aftc-toolset

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

WebentwicklerInformatik- und Mathematikberufe·SOC 15-1254

SKILL.md

readonly

name	scss
description	SCSS/Sass preprocessing with variables, mixins, modules, and BEM naming. Use when writing or editing .scss files, Sass mixins, variables, or modular stylesheets.

SCSS

Use SCSS syntax (.scss), not indented Sass (.sass).
Variables for colors, spacing, breakpoints: $primary: #333;.
Mixins for reusable patterns: @mixin flex-center { display: flex; align-items: center; justify-content: center; }.
Nest max 3 levels deep - deeper nesting creates specificity problems.
Use & for parent selector references (BEM naming): &__element, &--modifier.
@use over @import (modern Sass module system).
Keep partials focused: _buttons.scss, _typography.scss, _layout.scss.
Compile to compressed CSS for production.

Mehr aus diesem Repository

gleiches Repository

godot

DarceyLloyd/pi-aftc-toolset

Godot 4.x engine with GDScript, MVC architecture, headless testing, JSON configs, and performance patterns (MultiMesh, flow-field, decoupled simulation). Use when working on .gd files, Godot projects, game development with Godot 4, or any task involving the Godot engine CLI, project structure, GDScript coding conventions, Godot 4.x version-specific syntax, or game architecture patterns.

2026-07-102

bulk-read

DarceyLloyd/pi-aftc-toolset

Concatenate many files in a directory into a single markdown document when the user asks to read, analyze, scan, load, dump, audit, concatenate, or merge many files in a project or folder at once. Triggers on phrases like "read all files", "analyze the project", "load every file", "concatenate files in folder X", "give me everything in src/", "audit the code", or wants to understand an entire codebase as a whole. Specifically when 5 or more files would otherwise need to be read individually.

2026-07-042

git

DarceyLloyd/pi-aftc-toolset

Git + GitHub CLI workflow for solo projects. Conventional Commits, branch naming, destructive-command safety rails, and the merge/PR/keep/discard decision. Use when committing, branching, merging, rebasing, pushing, opening a PR, running git status/log/diff, or using the gh CLI for issues/PRs/CI runs.

2026-07-042

pinescript

DarceyLloyd/pi-aftc-toolset

Pine Script v6 for TradingView .pine files: indicators and strategies. Use when adding inputs (input.int, input.source, input.float, input.color, input.session), plots, signals, alerts, requests (request.security), tables, labels, lines, or any feature to a .pine file, or when discussing TradingView indicators, strategies, performance, common Pine Script v6 issues, or the AFTC coding standards (color.new with RGB, camelCase with boolean prefixes, 80-char section separators, START/END markers). Content targets Pine Script v6 specifically - Pine Script v5 has different syntax for some features.

2026-07-042

web-frontend

DarceyLloyd/pi-aftc-toolset

Web frontend development: HTML5, CSS3, SCSS, Tailwind, accessibility, and performance. Use when working on full web frontend projects, choosing between CSS approaches, or auditing accessibility/performance.

2026-07-042

angular

DarceyLloyd/pi-aftc-toolset

Angular framework with standalone components, signals, the new control flow syntax, and the ng CLI. Use when working with Angular, ng generate, signals, inject(), or standalone components in .ts files.

2026-07-032

Jeden Skill mit einem Klick ausführen