Cursor Rules
nextjs material ui tailwind css - Claude MCP Skill
Ce projet s'appel Portfolio2
SEO Guide: Enhance your AI agent with the nextjs material ui tailwind css tool. This Model Context Protocol (MCP) server allows Claude Desktop and other LLMs to ce projet s'appel portfolio2... Download and configure this skill to unlock new capabilities for your AI workflow.
Documentation
SKILL.mdCe projet s'appel Portfolio2
Il est basé sur Next.Js, il a tailwindcss, materialui, shadcn/ui et aceternityui
What is your project named? portfolio2
Would you like to use TypeScript? Yes
Would you like to use ESLint? No
Would you like to use Tailwind CSS? Yes
Would you like to use `src/` directory? Yes
Would you like to use App Router? (recommended) Yes
Would you like to customize the default import alias (@/)? No
What import alias would you like configured? @/
Nola liste des dépendance
"dependencies": {
"@ckeditor/ckeditor5-react": "^6.3.0",
"@emotion/react": "^11.11.4",
"@emotion/styled": "^11.11.5",
"@mui/icons-material": "^5.15.18",
"@mui/material": "^5.15.18",
"@mui/styled-engine-sc": "^6.0.0-alpha.18",
"@prisma/client": "^5.14.0",
"autoprefixer": "^10.4.19",
"bcryptjs": "^2.4.3",
"ckeditor5": "^41.4.2",
"clsx": "^2.1.1",
"framer-motion": "^11.2.5",
"init": "^0.1.2",
"next": "^14.2.3",
"next-auth": "^4.24.7",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"shadcn-ui": "^0.8.0",
"styled-components": "^6.1.11",
"tailwind-merge": "^2.3.0"
},
"devDependencies": {
"@types/bcryptjs": "^2.4.6",
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",
"postcss": "^8.4.38",
"prisma": "^5.14.0",
"tailwindcss": "^3.4.3",
"typescript": "^5.4.5"
}Signals
Information
- Repository
- PatrickJS/awesome-cursorrules
- Author
- PatrickJS
- Last Sync
- 5/12/2026
- Repo Updated
- 5/12/2026
- Created
- 1/14/2026
Reviews (0)
No reviews yet. Be the first to review this skill!
Related Skills
firecrawl-build-search
Integrate Firecrawl `/search` into product code and agent workflows. Use when an app needs discovery before extraction, when the feature starts with a query instead of a URL, or when the system should search the web and optionally hydrate result content.
firecrawl-build-onboarding
Get Firecrawl credentials and SDK setup into a project. Use when an application needs `FIRECRAWL_API_KEY`, when an agent should add Firecrawl to `.env`, when the user wants to authenticate Firecrawl for app code, or when choosing the first SDK and docs for a new Firecrawl integration. This skill includes its own browser auth flow, so it does not depend on the website onboarding skill.
firecrawl-build
Integrate Firecrawl into application code whenever a product, agent, or workflow needs web data inside the app — web search, live search results, page scraping, structured extraction, or browser interaction. Use when building any feature that needs data from the web in code, even if the user does not mention Firecrawl explicitly and only describes wanting web data, website content, search, scraping, or interaction in an application. Trigger for Firecrawl requests, "fire girl" shorthand, and generic app-level web-data needs that should map to `/scrape`, `/search`, or `/interact`. Do not use this skill for one-off terminal-only web tasks during the current session; use `firecrawl/cli` for those.
firecrawl-build-interact
Integrate Firecrawl `/interact` into product code for dynamic pages and browser actions after scraping. Use when a feature needs clicks, form fills, pagination, authentication-aware flows, or other multi-step interactions that plain `/scrape` cannot complete.
Related Guides
Mastering Python and TypeScript Development with the Claude Skill Guide
Learn how to use the python typescript guide Claude skill. Complete guide with installation instructions and examples.
Mastering VSCode Extension Development with Claude: A Complete Guide to the TypeScript Extension Dev Skill
Learn how to use the vscode extension dev typescript Claude skill. Complete guide with installation instructions and examples.
Building Full-Stack Applications with Claude: The Node.js MongoDB JWT Express React Skill Guide
Learn how to use the nodejs mongodb jwt express react Claude skill. Complete guide with installation instructions and examples.