meraj-uddin-malik
5 verified skills
skills/skill-creator
# Skill Creator A meta-skill that helps you create new skills for your portfolio website project. ## Trigger Phrases This skill activates when the user wants to create a new skill: - "create a new skill" - "make a skill" - "generate a skill" - "help me create a skill" - "add a new skill" ## Instructions When this skill is invoked, follow these steps to help the user create a new skill: ### Step 1: Gather Skill Information Use the AskUserQuestion tool to gather the following information:
tools
skills/ui-ux-designer
# UI/UX Designer A skill that helps design beautiful, accessible UI components following the established design system. ## Trigger Phrases This skill activates when the user wants to design UI components: - "design a component" - "create a button/card/form" - "make this look better" - "design UI for" - "help me design" - "build a UI component" ## Instructions When this skill is invoked, follow these steps to create beautiful, accessible UI components: ### Step 1: Understand the Component R
development
skills/playwright-testing
# Playwright Testing A skill that uses the browsing-with-playwright skill to visually test the portfolio website, take screenshots, check responsive design, and verify UI across different devices and viewports. ## Trigger Phrases This skill activates when the user wants to test the website visually: - "test the website" - "take screenshots" - "check responsive design" - "test on mobile/desktop" - "test responsive layout" - "visual regression test" - "check UI on different devices" ## Instruc
development
skills/accessibility-checker
# Accessibility Checker A skill that audits and improves web accessibility (a11y) to ensure the portfolio website is usable by everyone, including people with disabilities. ## Trigger Phrases This skill activates when the user wants to check or improve accessibility: - "check accessibility" - "audit a11y" - "fix accessibility issues" - "make it accessible" - "accessibility audit" - "check WCAG compliance" ## Instructions When this skill is invoked, perform a comprehensive accessibility audi
development
skills/seo-optimization
# SEO Optimization A skill that helps optimize the portfolio website for search engines, ensuring better visibility, ranking, and performance. ## Trigger Phrases This skill activates when the user wants to optimize for SEO: - "optimize SEO" - "add meta tags" - "improve search ranking" - "check SEO" - "make it SEO friendly" - "optimize for Google" ## Instructions When this skill is invoked, follow these steps to optimize the portfolio website for search engines: ### Step 1: Audit Current SE
development