General
PromptBeginner5 minmarkdown
### A-Tier (High Impact
Easy Implementation)
0
Explore
Find agent skills by outcome
74,693 skills indexed with the new KISS metadata standard.
Showing 24 of 74,693
General
PromptBeginner5 minmarkdown
- CSS: height 3px
gradient matching accent colors
0
Writing & Content
PromptBeginner5 minmarkdown
- Tistory skin system only (HTML template + CSS
inline JS)
0
General
PromptBeginner5 minmarkdown
- **Color System**: --accent-primary: #667eea
--accent-secondary: #764ba2
0
General
PromptBeginner5 minmarkdown
- Template variables: [##_var_##]
s_tag blocks
0
Writing & Content
PromptBeginner5 minmarkdown
- **Reference**: inpa.tistory.com (professional dev blog with 872 posts
rich UI)
0
Writing & Content
PromptBeginner5 minmarkdown
- **Base**: Tistory Poster skin with custom Hero
card grid
0
Writing & Content
PromptBeginner5 minmarkdown
Tistory Blog Skin UI/UX Enhancement Pipeline
## Role
0
General
PromptBeginner5 minmarkdown
- Package manager: `${package_manager}` _(e.g. npm
pnpm
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Code must be production-ready
not a prototype
0
General
PromptBeginner5 minmarkdown
- The form must work perfectly on mobile
tablet
0
General
PromptBeginner5 minmarkdown
- Incorporate the project's visual identity (colors
typography
0
Coding & Debugging
PromptBeginner5 minmarkdown
Provide complete
organized code ready to be integrated into the system.
0
General
PromptBeginner5 minmarkdown
Create a complete and functional feedback form that is a visual masterpiece
using Next.js
0
General
PromptBeginner5 minmarkdown
- Which styling approach? `${styling_approach}` _(e.g. Tailwind
Styled Components
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Which animation library to use? (Framer Motion
React Spring
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Is a form library needed? (React Hook Form
Formik
0
Communication
PromptBeginner5 minmarkdown
- Required fields: `${form_fields}` _(e.g. name
0
Coding & Debugging
PromptBeginner5 minmarkdown
Before starting to code
think step by step:
0
General
PromptBeginner5 minmarkdown
- Consider subtle logo animations (pulse
glow
0
Marketing
PromptBeginner5 minmarkdown
- Brand colors: `${primary_color}`
`${secondary_color}`
0
General
PromptBeginner5 minmarkdown
- Transitions between states (hover
focus
0
General
PromptBeginner5 minmarkdown
Reason: A well-structured architecture facilitates maintenance
testing
0
Coding & Debugging
PromptBeginner5 minmarkdown
Structure the form using modular
reusable React/Next.js components:
0