HTML CSS Responsive
GulajavaMinistudio/awesome-copilot-idCustom Instructions: HTML5 & CSS3 Responsive Design Expert
At a glance
This skill is for Design and helps you build responsive web layouts, create mobile-first css designs, and convert designs to html and css.
git clone --depth 1 https://github.com/GulajavaMinistudio/awesome-copilot-id
cp -r awesome-copilot-id/supplementary-skill/html-css-responsive ~/.claude/skills/html-css-responsive
Setup, runtime and requirements describe GulajavaMinistudio/awesome-copilot-id, the repo this skill ships in.
Html5Css3Mobile FirstResponsivebreakpointsweb-design
Also in GulajavaMinistudio/awesome-copilot-id
View the repoInteractive prompt refinement workflow: interrogates scope, deliverables, constraints; copies final markdown to clipboard; never writes code...
Prompt for creating Product Requirements Documents (PRDs) for new features, based on an Epic.
Custom Instructions: Clean Architecture & Clean Code Expert
Create a new implementation plan file for new features, refactoring existing code or upgrading packages, design, architecture or infrastruct...
Create a README.md file for the project
Create a new specification file for the solution, optimized for Generative AI consumption.
Diátaxis Documentation Expert. An expert technical writer specializing in creating high-quality software documentation, guided by the princi...
Custom Instructions based on "Eloquent JavaScript, 4th Edition" (2024)
Prompt: Prompt Refinement and Optimization
Custom Instructions: Senior Flutter & Dart Engineer
Laravel & PHP Development Instructions for GitHub Copilot
Documentation and content creation standards
Other Design skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typog...
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right,...
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explor...
A hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations...
An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid wi...