Creative
PromptBeginner5 minmarkdownQuality: 31
hewar
A funny 3D cartoon scene inside a modern Fresh appliance showroom. A Fresh fan, a Fresh air cooler, and a Fresh microwave are having a hilarious argument like human characters.
0
Explore
Find agent skills by outcome
134,611 skills indexed with the new KISS metadata standard.
Showing 24 of 134,611Categories: Education, Creative, General, Coding & Debugging
General
PromptBeginner5 minmarkdown
version: 2
githubApp:
3
General
PromptBeginner5 minmarkdownQuality: 28
Be clear and direct
This is the reference for prompt engineering with Claude's latest models, including Claude Fable 5, Claude Mythos 5, Claude Opus 4.8, Claude Opus 4.7, Claude Opus 4.6, Claude Sonnet 4.6, and Claude Haiku 4.5. The page is organized in three parts:
3
General
PromptBeginner5 minmarkdownQuality: 27
Improve documentation wording and fix GitHub link
Act as a technical documentation reviewer
3
General
PromptBeginner5 minmarkdownQuality: 31
Confirm that `globals.css` contains the required CSS custom properties. If the reference component uses tokens like `--radius`
`--background`
3
General
PromptBeginner5 minmarkdownQuality: 27
- Styling: **Tailwind CSS ${tailwind_version:3}** only — no inline styles
no CSS modules
3
General
PromptBeginner5 minmarkdownQuality: 27
- Any manual steps required (e.g.
adding CSS variables to `globals.css`)
3
General
PromptBeginner5 minmarkdownQuality: 27
3. **Assets**: Are there required images
logos
3
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 27
If any of the following are not determinable from the existing code
**ask before writing**:
0
General
PromptBeginner5 minmarkdownQuality: 27
If the reference component requires a context provider (e.g.
`ToastProvider`
0
General
PromptBeginner5 minmarkdownQuality: 27
3. If a custom hook is required (e.g.
`useToast`
0
General
PromptBeginner5 minmarkdownQuality: 27
2. If not
add it to the appropriate layout file. Provide the exact diff.
0
General
PromptBeginner5 minmarkdownQuality: 31
Apply mobile-first responsive classes. Confirm current breakpoints in `tailwind.config.ts` match the project's convention. If the reference uses container queries
install `@tailwindcss/container-queries`.
0
General
PromptBeginner5 minmarkdownQuality: 27
- ✅ Export named compound sub-components if the reference component uses them (e.g.
`Accordion`
0
General
PromptBeginner5 minmarkdownQuality: 27
After the command completes
the generated files will appear in
0
General
PromptBeginner5 minmarkdownQuality: 27
- Internal **state variables** (`useState`
`useReducer`
0
General
PromptBeginner5 minmarkdownQuality: 27
Adapt only the **visual layer**: markup structure
class names
0
General
PromptBeginner5 minmarkdownQuality: 27
shadcn Component Adapter for Cursor
# shadcn Component Visual Adapter
0
Creative
PromptBeginner5 minmarkdownQuality: 31
Refactor the existing `${component_name}` component located at `${component_file_path}` to match the **visual design
structure
0
General
PromptBeginner5 minmarkdownQuality: 27
- Are there any required assets (images
icons
0
General
PromptBeginner5 minmarkdownQuality: 27
If it doesn't
provide instructions on how to setup project via shadcn CLI
0
General
PromptBeginner5 minmarkdownQuality: 31
If default path for components is not /components/ui
provide instructions on why it's important to create this folder
0
General
PromptBeginner5 minmarkdownQuality: 27
description: Analyze requirements
identify gaps
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 31
21st.dev component prompt
You are given a task to integrate an existing React component in the codebase.
0