All authors
Claude Skills by seotarek
github.com/seotarek22 skills0 installs46 views
- Orthotect AccessibilityAudit and enforce WCAG 2.2 Level AA/AAA accessibility standards. Verifies color contrast, keyboard navigation, focus appearance, touch target sizes (min 44x44px), and screen reader announcements. Use before shipping any UI.Votes: 0GitHub stars: 2
- Orthotect BidiEngineer true bidirectional interfaces with flawless Arabic/English RTL/LTR symmetry using CSS logical properties and directional vector isolation. Use when building multi-directional or Arabic/Hebrew interfaces.Votes: 0GitHub stars: 2
- Orthotect ComponentsAuthor production-grade, accessible UI components with full WAI-ARIA APG contracts, keyboard navigation, focus management, and 8 explicit states. Use when developing accessible component libraries.Votes: 0GitHub stars: 2
- Orthotect ContextMaster AI coding agent context window efficiency, progressive file disclosure, and semantic chunking. Enforces zero-scan starts, 3-tier progressive reading (skeleton → line discovery → surgical slice), parallel multi-tool fan-out, heavy directory isolation, and token budget management without degrading architectural context. Works across all autonomous agent platforms (Antigravity, Claude Code, Codex, Cursor) for beginners and senior engineers alike.Votes: 0GitHub stars: 2
- Orthotect CroInterface Conversion Rate Optimization (CRO) engineering. Optimize form completion, CTA visual hierarchy, value proposition clarity, mobile tap targets, and friction reduction. Use when analyzing conversion barriers, improving sign-up/checkout flows, or reducing form abandonment.Votes: 0GitHub stars: 2
- Orthotect DashboardBuild high-density, cognitive-ergonomic enterprise dashboards and consoles with inline SVG telemetry and zero layout shift. Use when designing monitoring views, telemetry screens, or trading consoles.Votes: 0GitHub stars: 2
- Orthotect Data VizBuild high-density, accessible data visualizations, sparklines, telemetry charts, and operational metrics using token-driven SVG geometry, tabular numerals, and zero layout shift. Use when building telemetry consoles or dashboards.Votes: 0GitHub stars: 2
- Orthotect Design SystemsArchitect and maintain enterprise design systems, W3C DTCG token hierarchies (primitives -> semantics -> components), multi-brand theming, and cross-platform token compilation. Use when establishing design tokens or multi-theme support.Votes: 0GitHub stars: 2
- Orthotect DoctrineThe 7 Non-Negotiable Laws of High-Integrity Interface Engineering. Load first whenever authoring, reviewing, or styling any component or screen.Votes: 0GitHub stars: 2
- Orthotect FormsEngineer resilient forms with double-submission locks, asynchronous validation FSMs, inline error feedback, accessible field labels, and optimistic state recovery. Use when building login, checkout, settings, or multi-step wizard forms.Votes: 0GitHub stars: 2
- Orthotect FsmArchitect interactive UI components as resilient Finite State Machines (FSM) with race condition guards, double-submission locks, and optimistic updates. Use when managing complex UI states or async flows.Votes: 0GitHub stars: 2
- Orthotect GatesExecute deterministic quality gates to verify contrast, logical properties, state machines, and core web vitals budgets before merging.Votes: 0GitHub stars: 2
- Orthotect MotionDesign physically grounded UI motion using Orthotect spring physics tokens, choreographed staggered reveals, and mandatory @media (prefers-reduced-motion) overrides. Use when implementing high-performance animations.Votes: 0GitHub stars: 2
- Orthotect ResponsiveEngineer resilient responsive layouts using CSS Grid, container queries, fluid typography (clamp()), and adaptive bento layouts. Use when building responsive viewport architectures.Votes: 0GitHub stars: 2
- Orthotect SchemaSemantic structured data and Schema.org JSON-LD engineering for accessible, search-engine-crawlable interfaces. Use when adding or validating JSON-LD, WebSite, SoftwareApplication, Organization, FAQPage, or BreadcrumbList rich snippets.Votes: 0GitHub stars: 2
- Orthotect TokensGenerate, extend, and compile DTCG W3C 3-tier design tokens (primitives -> semantics -> component tokens) across Light and Dark modes.Votes: 0GitHub stars: 2
- Orthotect UiuxMaster UI/UX design intelligence and autonomous interface orchestration. Selects original style recipes, establishes 19-dimensional design reasoning, enforces semantic tokens, and orchestrates specialized Orthotect skills for production-grade UI.Votes: 0GitHub stars: 2
- Orthotect Visual QaExecute automated browser visual regression, color contrast, and layout shift verification using Playwright. Use when verifying rendered UI, validating theme switching, or checking that light and dark modes have zero visual clashes.Votes: 0GitHub stars: 2
- Orthotect Auto FixAutomatically heal and remediate physical CSS coordinates to directional logical properties, correct non-compliant contrast tokens, and inject missing media aspect ratios using Orthotect in-place auto-healing engine. Use when running code fixes with --fix or remediating gate failures.Votes: 0GitHub stars: 2
- Orthotect HooksInstall and configure fail-closed zero-dependency Git pre-commit hooks and CI/CD quality gate enforcement for repository integrity. Use when setting up pre-commit validation, configuring git hooks, or integrating Orthotect into automated GitHub Actions pipelines.Votes: 0GitHub stars: 2
- Orthotect SecurityEnterprise cybersecurity audit and vulnerability defense for full-stack projects. Scans and remediates OWASP Top 10, CWE Top 25, SQLi, Command Injection, DOM XSS, SSRF, prototype pollution, path traversal, and hardcoded secrets. Use when auditing backend or frontend code for security vulnerabilities, hardening APIs, preventing secret leakage, or running pre-deployment security gates.Votes: 0GitHub stars: 2
- Orthotect TypographyEngineer accessible, fluid typography scales with CSS clamp(), high-contrast readable hierarchy, dyslexia-friendly font pairings (Lexend), and variable font weights. Use when configuring typography, type scales, font pairings, or readability standards.Votes: 0GitHub stars: 2