Pre-built code templates and patterns for scientific computing and schematics in Claude. Accelerates development with reusable solutions for technical projects.
200 skills · 2 MCP servers
0
claude
julianromli-ai-skills
AI skill for cloning and reproducing website structure and design. Useful for rapid web development and prototyping.
/
Plugin julianromli-ai-skills from marketplace cascade-code-general-misc-4 in joshuarweaver/cascade-code-general-misc-4. Commands read from the repo's manifest — 1 month ago.
What it installs
Skills (27)
hermes-wag-summarizerPlug & play skill untuk membuat cronjob summary grup WhatsApp secara otomatis menggunakan Hermes WhatsApp Bridge.
agent-browserBrowser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form
brainstormingYou MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
clone-websiteReverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, or copy any website. Also tr
vercel-composition-patternsReact composition patterns that scale. Use when refactoring components with
convex-best-practicesGuidelines for building production-ready Convex apps covering function organization, query patterns, validation, TypeScript usage, error handling, and the Zen of Convex design philosophy
deploy-to-vercelDeploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".
frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautify
frontend-skillUse when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led hierarchy, cohesive content structure, and tasteful motion while avoiding generic cards, weak branding, and UI clutter.
gpt-tasteElite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive sect
landing-page-copywriterWrite high-converting landing page copy using proven frameworks like PAS (Problem-Agitate-Solution), AIDA, and StoryBrand. Creates headlines, value propositions, CTAs, and full page sections optimized for conversion. Use when users need landing page copy, sales page content, or marketing website tex
make-interfaces-feel-betterDesign engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design detail
pdfUse when tasks involve reading, creating, or reviewing PDF files where rendering and layout matter; prefer visual checks by rendering pages (Poppler) and use Python tools such as `reportlab`, `pdfplumber`, and `pypdf` for generation and extraction.
prdGenerate high-quality Product Requirements Documents (PRDs) for software systems and AI-powered features. Includes executive summaries, user stories, technical specifications, and risk analysis.
vercel-react-best-practicesReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization,
vercel-react-native-skillsReact Native and Expo best practices for building performant mobile apps. Use
vercel-react-view-transitionsGuide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animat
receiving-code-reviewUse when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative agreement or blind implementation
refactor-cleanSafely identify and remove dead code with test verification at every step. Use when Codex needs to clean unused exports, files, dependencies, helpers, wrappers, re-exports, or duplicate code without risking regressions. Trigger for dead-code cleanup, unused dependency audits, stale utility removal,
requesting-code-reviewUse when completing tasks, implementing major features, or before merging to verify work meets requirements
seo-auditWhen the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tags review," "SEO health check," "my traffic dropped," "lost rankings," "not showing up in Google," "s
shadcnManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also
social-contentWhen the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram, TikTok, Facebook, or other platforms. Also use when the user mentions 'LinkedIn post,' 'Twitter thread,' 'social media,' 'content calendar,' 'social scheduling,' 'engagement,' or 'vi
supabase-postgres-best-practicesPostgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.
systematic-debuggingUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes
ui-ux-pro-maxUI/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, cr
web-design-guidelinesReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
More from joshuarweaver/cascade-code-general-misc-4
All 109 plugins →React Flow integration skill for Beagle, enabling visual node-based workflow building and automation.
139 skills
0
gsd-build-get-shit-done
claudeMeta-prompting and spec-driven development system for Claude Code. Productivity framework for structured AI-assisted development.
67 commands · 33 agents
0
tundraray-overture
claudeProduction-ready development workflows powered by specialized AI agents for reliable software engineering.
33 skills · 22 commands · 27 agents
0
michaelboeding-skills
claudeOpen SKILL.md standard compatible personal skill collection working across Claude, Cursor, and other AI assistants.
44 skills · 35 agents
0
uw-ssec-rse-plugins
claudeSpecialized plugins for research-oriented coding tasks, enabling scientific computing and research software development with Claude Code.
76 skills
0
Similar plugins
rampstack-skills
claudeFull catalog of website-lifecycle skills: research, brand, build, and audit.
109 skills
rampstackco/claude-skills 1,067
rapid-prototyper
claudeUse this agent when you need to quickly create a new application prototype, MVP, or proof-of-concept within the 6-day development cycle. This agent specializes in scaffolding projects, integrating trending features, and building functional demos rapidly. Examples:\n\n<example>\nContext: Starting a new experiment or app idea\nuser: "Create a new app that helps people overcome phone anxiety"\nassistant: "I'll help you create a phone anxiety app. Let me use the rapid-prototyper agent to scaffold this project and build an MVP."\n<commentary>\nWhen starting any new project or experiment, use the rapid-prototyper to quickly set up the foundation and core features.\n</commentary>\n</example>\n\n<example>\nContext: Need to test a trending feature or viral concept\nuser: "I saw this TikTok trend about AI avatars, can we build something around that?"\nassistant: "That's a great trending opportunity! I'll use the rapid-prototyper agent to quickly build a prototype app featuring AI avatars."\n<commentary>\nFor capitalizing on trends and viral content, the rapid-prototyper can quickly create testable prototypes.\n</commentary>\n</example>\n\n<example>\nContext: Validating a business idea with minimal investment\nuser: "We need to test if people would pay for a subscription box curation app"\nassistant: "Let's validate that idea with a quick prototype. I'll use the rapid-prototyper agent to build an MVP with basic subscription and curation features."\n<commentary>\nBusiness validation requires fast prototyping to test market fit before full investment.\n</commentary>\n</example>\n\n<example>\nContext: Creating demo apps for stakeholder presentations\nuser: "We're meeting with investors next week and need to show them our vision"\nassistant: "I'll help create a compelling demo. Let me use the rapid-prototyper agent to build a functional prototype that showcases your vision."\n<commentary>\nInvestor demos and stakeholder presentations benefit from working prototypes rather than jus
1 agent
ccplugins/awesome-claude-code-plugins 1,005
rapid-prototyper
claudeUse this agent when you need to quickly create a new application prototype, MVP, or proof-of-concept within the 6-day development cycle. This agent specializes in scaffolding projects, integrating trending features, and building functional demos rapidly. Examples:\n\n<example>\nContext: Starting a new experiment or app idea\nuser: "Create a new app that helps people overcome phone anxiety"\nassistant: "I'll help you create a phone anxiety app. Let me use the rapid-prototyper agent to scaffold this project and build an MVP."\n<commentary>\nWhen starting any new project or experiment, use the rapid-prototyper to quickly set up the foundation and core features.\n</commentary>\n</example>\n\n<example>\nContext: Need to test a trending feature or viral concept\nuser: "I saw this TikTok trend about AI avatars, can we build something around that?"\nassistant: "That's a great trending opportunity! I'll use the rapid-prototyper agent to quickly build a prototype app featuring AI avatars."\n<commentary>\nFor capitalizing on trends and viral content, the rapid-prototyper can quickly create testable prototypes.\n</commentary>\n</example>\n\n<example>\nContext: Validating a business idea with minimal investment\nuser: "We need to test if people would pay for a subscription box curation app"\nassistant: "Let's validate that idea with a quick prototype. I'll use the rapid-prototyper agent to build an MVP with basic subscription and curation features."\n<commentary>\nBusiness validation requires fast prototyping to test market fit before full investment.\n</commentary>\n</example>\n\n<example>\nContext: Creating demo apps for stakeholder presentations\nuser: "We're meeting with investors next week and need to show them our vision"\nassistant: "I'll help create a compelling demo. Let me use the rapid-prototyper agent to build a functional prototype that showcases your vision."\n<commentary>\nInvestor demos and stakeholder presentations benefit from working prototypes rather than jus
1 agent
ananddtyagi/cc-marketplace 688
charcoal
claudeSet up @charcoal-ui in an app, choose the right token for a color, text style, spacing, radius or border, and turn a Figma link into files a teammate can build from without any Figma access of their own. Covers Design Token 2.0 opt-in, theme switching, and the gotchas that silently produce an unstyled or Token 1.0 app.
7 skills
pixiv/charcoal 378
bitwarden-design-tools
claudeDesign toolkit for Bitwarden — non-persona skills for the design lifecycle. Content style guide reference, Figma Dev Mode MCP usage, Bitwarden brand application, design-to-engineering handoff prep, Design System governance, and the Product and Design Jira workflow. Composed by the bitwarden-designer agent and usable standalone.
6 skills
bitwarden/ai-plugins 165
divi5-toolkit
claudeDivi 5 development assistant: validates CSS compatibility, generates Divi-ready code, scaffolds page sections, audits project CSS health, checks accessibility, diagnoses symptoms, audits performance for Core Web Vitals, and learns from errors. Includes /setup (auto-detecting config bootstrap) and /selector (instant selector lookup). Updated for Divi 5.13 with the 5.12 AI Agents + Filters, 5.13 LayoutStyle/preset/Free-Form CSS fixes, the 5.6-5.11 new modules (Timeline, Breadcrumbs, SVG, Table of Contents, Instagram Feed, Tooltip, Post Filter, Charts, Gravity Forms, Imagely Gallery, Payment Button), 5.9 Variable Fonts + CSS Grid Editor, 5.7 Gradient Variables + text effects, 5.10 Loop Filters, 5.5 Aspect Ratio + Framing, 5.4 Variable Generators, 5.3 pseudo-class editing + Contact Form 7 Styler + Nested Option Presets, plus Composable Settings, Canvas system, Loop Builder.
3 skills · 10 commands · 5 agents · hooks
cjsimon2/Divi5-ToolKit 69
Maintain julianromli-ai-skills?
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.
claude & codex plugins109 plugins