Skills suchen.../

Offline Implementation | Skills Pool

Skill-Datei

Offline Implementation

Use this skill when the user asks to "develop features", "fix bugs", "implement new UI", or "refactor code" in the OffLine repository. It provides the technical stack, coding rules, and design patterns.

beckxie0 Sterne31.01.2026

Beruf
Kategorien: Automatisierungswerkzeuge

Skill-Inhalt

OffLine Implementation Standards

This skill defines the development guidelines for the OffLine project.

Tech Stack

Framework: React 18 + TypeScript + Vite
Styling: Native CSS Modules [name].css with CSS Variables var(--color-primary)
State Management: React Hooks (useState, useMemo, useCallback, useTransition)
Virtualization: react-window (Required for lists > 50 items)

Core Coding Rules

1. Memory Management (Critical)

Avoid string.split on large content: Never use split('\n') on the entire file string. It causes immediate OOM on large files.

Verwandte Skills

Schnellinstallation

Offline Implementation

npx skills add beckxie/OffLine

Skill herunterladen Repository öffnen

Autor: beckxie
Sterne: 0
Aktualisiert: 31.01.2026
Beruf

Auf dieser Seite

01OffLine Implementation Standards

Use Iterative Parsing: Use indexOf loops to scan for delimiters line-by-line.

Browser Compatibility: Safely access performance.memory (Chrome only). Handle undefined for Safari/Firefox.

2. File Handling

Size Parsing: Always work with File objects directly.
Warning Thresholds: Check for files > 50MB and warn the user.

3. UI/UX Patterns

Glassmorphism: Use the .glass utility class or established CSS variables for transparency effects.
Native Look: Font stack should prioritize San Francisco (Apple) standards.
Responsive: Support dynamic sidebar resizing and mobile views.

Implementation Workflow

Analyze: Understand the feature scope.
Plan: Check against "Privacy First" principles (No external calls).
Code: Implement using TypeScript strict mode.
Document: Update CHANGELOG.md and README.md (Refer to offline-documentation).

02

Tech Stack

03Core Coding Rules

041. Memory Management (Critical)

052. File Handling

063. UI/UX Patterns

07Implementation Workflow

Softwareentwickler

Automatisierungswerkzeuge

Coding Agent (bash-first)

Delegate coding tasks to Codex, Claude Code, or Pi agents via background process. Use when: (1) building/creating new features or apps, (2) reviewing PRs (spawn in temp dir), (3) refactoring large codebases, (4) iterative coding that needs file exploration. NOT for: simple one-liner fixes (just edit), reading code (use read tool), thread-bound ACP harness requests in chat (for example spawn/run Codex or Claude Code in a Discord thread; use sessions_spawn with runtime:"acp"), or any work in ~/clawd workspace (never spawn agents here). Claude Code: use --print --permission-mode bypassPermissions (no PTY). Codex/Pi/OpenCode: pty:true required.

Automatisierungswerkzeuge

Continuous Learning

Automatically extract reusable patterns from Claude Code sessions and save them as learned skills for future use.

CMS & Plattformen

Prose

OpenProse VM skill pack. Activate on any `prose` command, .prose files, or OpenProse mentions; orchestrates multi-agent workflows.

Github

GitHub operations via `gh` CLI: issues, PRs, CI runs, code review, API queries. Use when: (1) checking PR status or CI, (2) creating/commenting on issues, (3) listing/filtering PRs or issues, (4) viewing run logs. NOT for: complex web UI interactions requiring manual browser flows (use browser tooling when available), bulk operations across many repos (script with gh api), or when gh auth is not configured.

Automatisierungswerkzeuge

Init

Generate or update chat customization files for AI coding agents

microsoft184.0k

Automatisierungswerkzeuge

Springboot Verification

Spring Boot项目验证循环：构建、静态分析、测试覆盖、安全扫描，以及发布或PR前的差异审查。

Softwareentwickler