بنقرة واحدة
project-scaffold
Scaffold a standard web application or library structure based on tech stack auto-detection.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
Scaffold a standard web application or library structure based on tech stack auto-detection.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.
Analyze technical debt and evolve the project structure to improve scalability and maintainability.
Identify runtime bottlenecks and optimize critical paths to improve application speed and resource efficiency.
Proactively identify and patch security vulnerabilities and implement defensive coding patterns.
Automatically detect, isolate, and fix regressions or bugs based on test failures.
Design and implement backend services, APIs, middleware, authentication, and server-side logic following production best practices.
| name | project-scaffold |
| description | Scaffold a standard web application or library structure based on tech stack auto-detection. |
| allowed-tools | ["detect_project","make_dir","write_file","execute_command"] |
This skill guides the scaffolding of standard boilerplate for new project directories.
detect_project to check for any package manifests.src/, tests/, public/, docs/).make_dir to set up directories without adding files..gitignore, README.md, .editorconfig).src/index.js or src/main.rs).execute_command to install linters or formatters if required by the workspace.