coding

Coding patterns, architectural best practices, and runtime failure modes

설치로 이동

저장소: laurentvv/graph-orchestrator-smolagents
최근 소스 활동: 2026년 8월 22일 12:37
감지된 SKILL.md 언어: 영어
스타: 0
포크: 0

설치 방법

기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.

npx skills add https://github.com/laurentvv/graph-orchestrator-smolagents --skill coding

명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.

로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.

소스 파일 검토

설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.

파일 탐색기

8 개 파일

SKILL.md

소스 지침 · 읽기 전용 미리보기

검색으로 돌아가기 설치로 돌아가기

frontend-design

Design frontend pro — palettes, typographie, layout, responsive. Injecté dans le Coder pour les tâches web (landing, portfolio, doc, app, visualizer).

2026-08-23

devtools-preview

Visual auto-validation via Chrome DevTools MCP — verify rendering and console before final_answer.

2026-08-22

file-creation

Skill pour créer/écrire des fichiers correctement avec write_file. À injecter dans le Coder. Évite le bug critique du petit modèle qui met le contenu dans son raisonnement au lieu de l'argument `content`.

2026-08-21

이 저장소의 모든 Skills 보기

Skill: Software Coding Agent

You are an expert developer agent. You write, inspect, and execute clean, production-grade code.

⚠️ CRITICAL INVARIANTS (Apply immediately)

CSS HEIGHTS IN % AND height=0 = VISUAL FAILURE MODE #1 (visualizers, bars, charts):

NEVER set bar.style.height = '0px' upon creation:
- ❌ const bar = document.createElement('div'); bar.style.height = '0px'; container.appendChild(bar);
- ✅ const bar = document.createElement('div'); bar.style.height = (value * 3) + 'px'; container.appendChild(bar); (Visible on load)
height: 80% ONLY works if direct parent has an EXPLICIT height (not just min-height).
Vertical bars container MUST be display: flex; flex-direction: row; align-items: flex-end; with explicit inline pixel heights. NEVER use flex-direction: column; flex: 1; on vertical bars.

PURE VANILLA JAVASCRIPT inside <script>: No TypeScript syntax (: type, as, interface, : void, ? parameter markers) -> causes SyntaxError and blank page.

PYTHON CALL TERMINATION ) NOT }: When tool call arguments contain {} (JS/CSS code), close the Python call with ), never }.

CANONICAL ANIMATION LOOP — RENDER & REFRESH STATE AT EACH STEP:

Canvas OR DOM div, NEVER mixed.

Re-render state and UI text within the async loop:

async function bubbleSort() {
    for (let i = 0; i < data.length - 1; i++) {
        if (data[i] > data[i + 1]) { [data[i], data[i+1]] = [data[i+1], data[i]]; }
        comparisons++;
        counterEl.textContent = comparisons;   // Update UI counter in loop
        draw();                                 // Redraw state in loop
        await sleep(delay);                     // await sleep delay (50-300ms)
    }
}

DYNAMIC CONTROLS & EVENT WIRING:

Every interactive button (#startBtn, #pauseBtn, #resetBtn, #stepBtn) MUST have an active addEventListener('click', ...) attached.
Every slider (#speedRange, #sizeRange) MUST have an addEventListener('input', ...) attached that updates the runtime parameters and UI label dynamically.

ROBUST SCRIPT INITIALIZATION (NEVER BARE DOMContentLoaded):

When scripts are placed at the bottom of the <body> or evaluated dynamically, DOMContentLoaded may have ALREADY fired (document.readyState === 'complete'), causing a bare document.addEventListener('DOMContentLoaded', ...) listener to NEVER trigger and leaving the board blank.

ALWAYS initialize using the robust readyState pattern:

function init() { generateArray(); }
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
} else {
    init();
}

Dynamic Resources (Progressive Disclosure)

Skill: Software Coding Agent

You are an expert developer agent. You write, inspect, and execute clean, production-grade code.

⚠️ CRITICAL INVARIANTS (Apply immediately)

CSS HEIGHTS IN % AND height=0 = VISUAL FAILURE MODE #1 (visualizers, bars, charts):

NEVER set bar.style.height = '0px' upon creation:
- ❌ const bar = document.createElement('div'); bar.style.height = '0px'; container.appendChild(bar);
- ✅ const bar = document.createElement('div'); bar.style.height = (value * 3) + 'px'; container.appendChild(bar); (Visible on load)
height: 80% ONLY works if direct parent has an EXPLICIT height (not just min-height).
Vertical bars container MUST be display: flex; flex-direction: row; align-items: flex-end; with explicit inline pixel heights. NEVER use flex-direction: column; flex: 1; on vertical bars.

PURE VANILLA JAVASCRIPT inside <script>: No TypeScript syntax (: type, as, interface, : void, ? parameter markers) -> causes SyntaxError and blank page.

PYTHON CALL TERMINATION ) NOT }: When tool call arguments contain {} (JS/CSS code), close the Python call with ), never }.

CANONICAL ANIMATION LOOP — RENDER & REFRESH STATE AT EACH STEP:

Canvas OR DOM div, NEVER mixed.

Re-render state and UI text within the async loop:

async function bubbleSort() {
    for (let i = 0; i < data.length - 1; i++) {
        if (data[i] > data[i + 1]) { [data[i], data[i+1]] = [data[i+1], data[i]]; }
        comparisons++;
        counterEl.textContent = comparisons;   // Update UI counter in loop
        draw();                                 // Redraw state in loop
        await sleep(delay);                     // await sleep delay (50-300ms)
    }
}

DYNAMIC CONTROLS & EVENT WIRING:

Every interactive button (#startBtn, #pauseBtn, #resetBtn, #stepBtn) MUST have an active addEventListener('click', ...) attached.
Every slider (#speedRange, #sizeRange) MUST have an addEventListener('input', ...) attached that updates the runtime parameters and UI label dynamically.

ROBUST SCRIPT INITIALIZATION (NEVER BARE DOMContentLoaded):

When scripts are placed at the bottom of the <body> or evaluated dynamically, DOMContentLoaded may have ALREADY fired (document.readyState === 'complete'), causing a bare document.addEventListener('DOMContentLoaded', ...) listener to NEVER trigger and leaving the board blank.

ALWAYS initialize using the robust readyState pattern:

function init() { generateArray(); }
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
} else {
    init();
}

Dynamic Resources (Progressive Disclosure)

name	coding
description	Coding patterns, architectural best practices, and runtime failure modes

coding

소스 정보

설치 방법

소스 파일 검토

이 저장소의 다른 Skills

이 저장소의 다른 Skills

Skill: Software Coding Agent

⚠️ CRITICAL INVARIANTS (Apply immediately)

Dynamic Resources (Progressive Disclosure)

Skill: Software Coding Agent

⚠️ CRITICAL INVARIANTS (Apply immediately)

Dynamic Resources (Progressive Disclosure)