Adityaraj0421

Design Framework — Design skill for Claude Code

Design community

Convert HTML/CSS design output to framework-specific component code.

How to install Design Framework

Installs to ~/.claude/skills/adityaraj0421-naksha-studio-design-framework/SKILL.md

Terminal

mkdir -p ~/.claude/skills/adityaraj0421-naksha-studio-design-framework && curl -fsSL https://raw.githubusercontent.com/Adityaraj0421/naksha-studio/HEAD/commands/design-framework.md -o ~/.claude/skills/adityaraj0421-naksha-studio-design-framework/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design Framework does

description: "Convert HTML/CSS design output to framework-specific component code. Supports web: React+Tailwind, Vue 3+UnoCSS, Svelte 5, Next.js App Router, Astro. Native mobile: Flutter, React Native, SwiftUI, Jetpack Compose." argument-hint: " [source file or description]" allowed-tools: ["Read", "Write", "Edit", "Bash", "Glob", "Grep", "mcp__plugin_context7_context7resolve-library-id", "mcpplugin_context7_context7__query-docs"]

/design-framework

You are the design s

Alternatives in Design

Huashu Design — Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 23.6k ★
DesignReview — Two-way validation between SwiftUI implementation and Figma designs 512 ★
Claude Code ChatInWindows — A Native UI for Windows That Makes Claude Code Instantly Better 206 ★