SkillUI CLI Tool Extracts Full Design Systems from Websites for Claude Code

·1 views

SkillUI is an open-source CLI tool developed to help AI-assisted developers replicate website designs with precision by extracting colors, typography, and components into files that Claude Code can read directly. The tool addresses a common frustration where AI models produce only approximate visual results, requiring manual corrections afterward. It offers four operating modes — URL, Dir, Repo, and Ultra — each suited to different workflows, from scraping live websites to scanning local project folders, all without invoking any AI model during extraction. Output is structured as a folder containing files like SKILL.md, CLAUDE.md, and design tokens, allowing Claude Code to automatically understand the design system without repeated prompting. The project, licensed under MIT and hosted on GitHub as npx skillui, had accumulated 1,900 stars and 203 forks as of the article's publication on September 11, 2026.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Why Free AI Inference Should Never Be a Required Merge Gate

A software engineering analysis argues that free-tier AI inference tools should not be used as required status checks that control whether pull requests can be merged. Unlike stable, auditable review systems, free inference endpoints lack guaranteed reliability, consistent behavior, and a traceable audit trail — all of which are essential for merge gates. The article highlights that pull request content such as titles, descriptions, and diffs is attacker-controlled, making prompt injection a realistic threat when AI models are tasked with approving code changes. Operationally, free endpoints are prone to throttling, timeouts, and inconsistent responses, which can either block merges unnecessarily or allow unreviewed code to ship. The author identifies four key red flags: relying on a free URL as a required check, allowing bot accounts to dismiss reviews, treating model output as an audit log, and granting the review job elevated repository permissions.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Tagryn: Open-Source Offline Desktop Tool for Inspecting and Editing File Metadata

Developer has released Tagryn, a free and open-source desktop application for inspecting, comparing, and editing file metadata, built using Tauri, Rust, Vue, and ExifTool. The tool is designed to work entirely offline, with no account requirements, telemetry, or automatic network requests. Users can open individual files or entire folders, compare metadata across up to eight files simultaneously, and batch-edit fields such as titles, keywords, creator credits, GPS values, and capture times. A multi-step save workflow — involving staging, validation, temporary candidate preparation, backup verification, and post-save review — ensures changes are deliberate and reversible. Currently available as a native macOS app with English and German language support, Tagryn is also aimed at developers building desktop tools that modify user files.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

How to Generate Maintainable Karate API Tests from OpenAPI Specs

Generating Karate API tests from an OpenAPI specification can seem like a quick automation win, but tests often become difficult to maintain as the API or test suite evolves. A reliable generator needs two types of context: the API contract itself and the existing repository structure, including authentication helpers and project conventions. Deterministic, rule-based generation from schema constraints — such as required fields, enums, and boundary values — produces explainable test scenarios before any AI involvement. Inspecting the repository before generating new tests helps ensure generated code reuses existing patterns rather than duplicating or conflicting with them. The core challenge is not producing valid Karate syntax, but producing tests that integrate cleanly with a project and remain useful beyond the initial generation run.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Understanding If-Else Statements in Python: A Beginner's Quick Guide

If-else statements are a fundamental Python concept that allow programs to make decisions based on conditions. A beginner-focused tutorial explains how the 'if' block executes when a condition is true, while the 'else' block runs when it is false. The guide uses a practical voting-age example to illustrate how comparison operators like >= work within these statements. Without if-else logic, code can only run sequentially and cannot respond to varying inputs or scenarios. The tutorial targets upper beginners and aims to make the concept clear through simple, relatable examples.

0 comments Read more at DEV Community